/* +--------- CONTINENT ---------+ */
div#continent { 
	background-color: #FFF;
	margin: 0 auto;
	padding: 3px 20px 0px 20px;
	width: 960px;
}

/* +--------- 1 BLOC CENTRAL ---------+ */
div#contingut_un_bloc {
	min-height: 100%;
	width: 570px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}


/* +--------- 3 BLOCS CENTRALS ---------+ */
div#contingut_tres_blocs {
	margin: 15px 195px 0px 195px;
	padding-left: 15px;	
	padding-right: 15px;
	border-left: 1px solid #cdcbca;
	border-right: 1px solid #cdcbca;
	min-height: 100%;
}
div#contingut_tres_blocs div#b_esquerra {
	position: relative;
	width: 180px;
	float: left;
	margin-left: -210px;
	z-index: 2;
	left: -1px;
}
div#contingut_tres_blocs div#b_centre {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	margin: 0 -1px;/* moz fix*/
}
div#contingut_tres_blocs div#b_dreta {
	position: relative;
	width: 180px;
	float: right;
	margin-right: -210px;
	left: 1px;
}

/* +--------- 2 BLOCS CENTRALS ---------+ */
div.titol_2col_esquerra {
	float: left;
	width: 580px;
	height: 40px;
}
div.titol_2col_dreta {
	float: right;
	width: 330px;
	height: 40px;
}
div.titol_3col_esquerra {
	float: left;
	width: 210px;
	height: 40px;
}
div.titol_3col_centre {
	float: left;
	width: 530px;
	height: 40px;
}
div.titol_3col_dreta {
	float: right;
	width: 180px;
	height: 40px;
	vertical-align: middle;
}
div#contingut_dos_blocs {
}
div#contingut_dos_blocs div#b_esquerra {
	float: left;
	width: 590px;
}
div#contingut_dos_blocs div#b_dreta {
	float: right;
	width: 330px;
}


/* +--------- CAP&#199;ALERA ---------+ */
div#cap {
	background: transparent url('../img/contingut/castell.gif') no-repeat bottom right;
}
div#cap_data {
	color: #333333;
	margin-top: 20px;
	margin-left: 10px;
	
}
div#cap_logo {
	margin-top: 15px;
	height: 53px;
}


/* +--------- MENU ---------+ */
div#menu {
	clear: both;
	background-color: #cccccc;
	height: 32px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
}
div#menu a {
	display: block;
	padding: 10px 7px 6px 7px;
	height: 16px;
	float: left;
	color: #373431;
	text-decoration: none;
}
div#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#menu li {
	float: left;
	margin: 0px;
	padding: 0px;
}
div#menu a:hover, div#menu li.actiu a {
	color: #FFF;	
}
div#menu li a:hover, div#menu li.actiu a {
	background-color: #333333;
	color: #FFF;	
}
div#menu li.actiu_b a {
	background-color: #0096e6;
	color: #FFF;	
}


div#menu_dreta {
	float:right;
	margin-top:3px;
}

/* +--------- SUBMENÚ ---------+ */
#submenu {
	clear: both;
	background-color: #373431;
	height: 30px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}
#submenu a {
	display: block;
	padding: 10px 7px 10px 7px;
	height: 10px;
	float: left;
	color: #FFF;
}
#submenu_blau {
	clear: both;
	background-color: #0096e6;
	height: 30px;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}
#submenu_blau a {
	display: block;
	padding: 10px 7px 10px 7px;
	height: 10px;
	float: left;
	color: #FFF;
}
#submenu ul, #submenu_blau ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu li, #submenu_blau li {
	float: left;
	margin: 0px;
	padding: 0px;
}
div#submenu a:hover, div#submenu li.actiu a {
	color: #FFF;	
}
div#submenu_blau a:hover, div#submenu_blau li.actiu a {
	color: #000;	
}
div#submenu li a:hover, div#submenu li.fosc a:hover, div#submenu li.actiu a {
	color: #ef9706 !important;	
}
div#submenu li.fosc a {
	color: #999999;	
}
div#submenu li.separador, div#submenu_blau li.separador {
	margin-top: 10px;
}

a#menu_rss {
	float: right;	
	padding: 6px 10px;
} 


div.modul_barra {
	margin: 10px 0px 20px 0px;
	width: 160px;
	padding: 10px;
}
div.modul, div.relacionades, div.documents {
	margin: 10px 0px 20px 0px;
}
div.modul_barra ul, div.modul ul, div.relacionades ul, div.documents ul {
	padding-left: 20px;
	margin: 0;
	list-style-position: outside;
	font-size: 11px;
}
div.modul_barra ul li, div.modul ul li {
	margin-bottom: 10px;
	list-style-image: url( '../img/icones/bullet.gif' );
}
div.relacionades ul li {
	margin-bottom: 10px;
	list-style-image: url( '../img/icones/icona_noticia.gif' );
}
div.documents ul li {
	margin-bottom: 10px;
	list-style-image: url( '../img/icones/icona_document.gif' );
}


div.audio { 
	margin: 10px 0px 10px 0px;
	width: 160px;
	padding: 10px;
}
div.audio ul {
	padding-left: 0px;
	margin: 0;
	list-style: inside;
	list-style-type: none;
	font-size: 11px;
}
div.audio ul li {
	margin-bottom: 10px;
}
div.audio ul li a.sm2_paused:hover, div.audio ul li a.sm2_link:hover {
	background: transparent url( ../img/icones/icon_play.png ) no-repeat 0px 50% !important;
}
div.audio ul li a.sm2_playing, div.audio ul li a.sm2_playing:hover {
	background: transparent url( ../img/icones/icon_pause.png ) no-repeat 0px 50% !important;
}
div.audio ul li a, div.audio ul li a.sm2_link {
	background: transparent url( ../img/icones/icon_play.png ) no-repeat 0px 50%;
	padding-left: 25px;
}

div.blau ul {
	padding-left: 20px;
	margin: 0;
	list-style: inside;
	list-style-position: outside;
}
div.blau ul li {
	margin-bottom: 10px;
	list-style-image: url( '../img/icones/bullet.gif' );
}
div.blau, div.blau a {
	color: #0096e6;
}

div.publicitat_h {
	clear: both;
	display: block;
	margin: 15px 0px 15px 0px;
	height: 100%;
	text-align: center;
}
div.publicitat {
	clear: both;
	display: block;
	margin: 15px 0px 15px 0px;
	padding: 10px;	
	height: 100%;
	background-color: #e5f4fd;
}
div.publicitat div.esquerra {
	float: left;
}
div.publicitat div.dreta {
	float: right;
	text-align: right;
}



/* +--------- PEU ---------+ */
div#peu {
	margin: 0 auto;
	width: 960px;
	padding: 10px 0 20px 0;
	color: #FFF;
	font-size: 11px;
}
div#peu a {
	color: #4DBFEF;
}
div#peu div#peu1 {
	float: left;
	width: 570px;
	font-size: 11px;
}
div#peu div#peu2 {
	float: left;
	width: 75px;
}
div#peu div#peu3 {
	float: left;
	width: 75px;
}
div#peu div#peu4 {
	float: left;
	width: 125px;
}
div#peu div#peu5 {
	float: left;
	width: 85px;
}
div#peu div#peu6 {
	float: left;
	width: 30px;
}

div#peu ul { list-style: none; padding: 0; margin: 0; }
div#peu ul li { margin: 0; padding: 0 0 1px 0; }
div#peu ul li.icones { margin: 0; padding-bottom: 10px; }

