@charset "utf-8";
/* CSS Document */

/* ############################# BASE ################################### */
html {
	color:#FFFFFF;
	font: 11px Arial;
}
body{
	/* height:100% !important; */
	margin:0px auto;
	text-align:center;
	background-color: #404041;
}
#web {
	width:1000px; 
	background:url(/img/fondo/fons.png) top left repeat-y; 
	margin:0px auto;
}

#contingut {
	padding:0 20px;
	/*width:960px;*/
	/*height:100%;*/
	text-align:left;
}

/* ############################# GENERAL ################################### */
p {
	margin:0px;
	padding:0px;
	}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
img {
	margin:0px;
	padding:0px;
	border:0px;
}
a {
	color:#FFFFFF;
	text-decoration:none;
	font: 11px Arial;
}
a:hover {
	text-decoration:underline;
}
.negreta {
	font-weight:bold;
}
.clear_both {
	clear:both;
}
.h_10px {
	height:10px;
}
.h_45px {
	height:45px;
}

/* ############################# IDIOMES ################################### */
#idiomas {
	height:31px;
	background-color:#404041;
}
#idiomas ul {
	float: right;
	padding-top:7px;
	color:#ee811f;
}
#idiomas li {
	display:inline;
	padding-right:18px;
}
#idiomas a{
	color:#ee811f;
	text-decoration:none;
	font: 11px Arial;
}
#idiomas a:hover {
	font-weight:bold;
}

/* ############################# CAPÇELERA ################################### */
#cabecera {
	width:960px;
	padding:0px;
	margin:0px;
	height:144px;
}
#cabecera div {
	float:left;
}
.flash_cap {
	height:144px;
}

/* ############################# MENU ################################### */
#menu {
	float:left;
	width:201px;
	background-color:#1a1818;	/* #1a1818 ó més clar #404041 */
	margin:0px;
	padding:0px;
}

.submenu_obert {
	display:block;
}
.submenu_tancat {
	display:none;
}

#submenu {
	background-color:#000000;
	margin:0px;
	padding:0px;
}

#menu li, #submenu li {
	font:12px Arial;
	color:#FFFFFF;
}
#menu li {
	background-color:#1a1818;
	border-bottom:1px solid #1a1818; /* AQUEST BORDER ÉS PER EVITAR EL SALT DE CARRO QUE FA Internet Explorer */
}
#menu li span.amb_fills {
	display:block;
	padding:7px 0 7px 20px;		/* FF i Safari */
	_padding:5px 0 5px 20px;	/* IE6 */
	#padding:5px 0 5px 20px;	/* IE7 */
	*padding:5px 0 5px 20px;	/* IE8 */
}
	/* #####################################################################
	DEFINIM ESTIL PER TOTS ELS A DEL MENU. AIXÒ INCLOU TAMBË EL SUBMENU 
	##################################################################### */
	#menu a {
		display:block;
		padding:7px 0 7px 20px;		/* FF i Safari */
		_padding:5px 0 5px 20px;	/* IE6 */
		#padding:5px 0 5px 20px;	/* IE7 */
		*padding:5px 0 5px 20px;	/* IE8 */
		font:12px Arial;
		color:#FFFFFF;
		text-decoration:none;
		margin:0px;
	}
	#menu a:hover {
		background-color:#ee811f;
	}
	/* ##################################################################### */

#submenu li {
	background-color:#000000;
	border-bottom:1px solid #000000; /* AQUEST BORDER ÉS PER EVITAR EL SALT DE CARRO QUE FA Internet Explorer */
}
#submenu a {
	background-color:#000000;
	padding:6px 0 6px 30px;		/* FF i Safari */
	_padding:3px 0 3px 30px;	/* IE6 */
	#padding:3px 0 3px 30px;	/* IE7 */
	*padding:3px 0 3px 30px;	/* IE8 */
}
#submenu a.primer {
	padding-top:20px;
}
#submenu a.ultim {
	padding-bottom:20px;
}

#submenu a.menu_marcat, .menu_marcat {
	background-color:#ee811f;
}

/* CSS PER PLEGAR I DESPLEGAR SUBMENÚ. NOMÉS FUNCIONA EN Safari i FF.
#menu li ul {display:none;}
#menu li:hover ul, #menu li a:hover ul {display:block;}
*/

/* ############################# INTERIOR ################################### */
#interior {
	float:left; 
	position:relative; 
	left:0px;
	background-color:#1a1818;
	width:759px;
	_width:759px;	/* IE6 */
	#width:759px;	/* IE7 */
	*width:759px;	/* IE8 */
	/*height:100%;*/
	color:#FFFFFF;
	padding-bottom:40px;
	font: 14px/18px Arial;
	color:#FFFFFF;
}
#interior .text {
	width:700px;	/* FF i Safari */
	_width:700px;	/* IE6 */
	#width:700px;	/* IE7 */
	*width:700px;	/* IE8 */
	padding: 39px 40px 54px 19px;
	font: 14px/18px Arial;
	color:#FFFFFF;
}
#interior .text a {

	font: 14px/18px Arial;
	color:#FFFFFF;
}
#interior  ul {
	padding:19px;
}
#interior ul li {
	padding-bottom:10px;
}
#interior ul ul {
	padding-left:30px;
}

form {
	width:453px;
	
}
form label{
	display:block;
	float:left;
	width: 150px;
}
form input {
	display:block;
	width: 300px;
}
form textarea {
	display:block;
	width: 300px;
	height: 150px;
	font:12px Verdana;
}
.input_telefon {
	width:100px;
}
form input.input_privacitat {
	float:left; 
	width:17px; 
	margin:0px; 
	padding:0px;
}
form label.label_privacitat {
	width:300px; 
	padding-left:10px;
}
.submit {
	float:right;
	width:70px;
	background-color: #ee811f;
	color:#404041;
	border:1px solid #ee811f;
}
h1 {
	width:740px;	/* FF i Safari */
	_width:740px;	/* IE6 */
	#width:740px;	/* IE7 */
	*width:740px;	/* IE8 */
	min_height:56px;	/* FF i Safari */
	_height:90px;	/* IE6 */
	#height:90px;	/* IE7 */
	*height:90px;	/* IE8 */
	margin:0px;
	font: 28px Arial;
	color:#FFFFFF;
	padding:44px 0 0 19px;
	background-color:#000000;
}
h2 {
	font: 20px Arial;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	margin:5px 0 6px 19px;
}
h2.primera_nota_premsa, h2.nota_premsa {
	height:50px;
	width:560px;
	font:16px Arial;
	font-weight:normal;
}
h2.primera_nota_premsa {
	font: 20px Arial;
	font-weight:bold;
}
h2.butlleti, h2.primer_butlleti {
	float:left; 
	width:300px;
	height:50px;
	font:16px Arial;
	font-weight:normal;
}
h2.primer_butlleti {
	font: 20px Arial;
	font-weight:bold;
}
h3 {
	font: 16px Arial;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
	margin:5px 0 6px 19px;
}
.sepador_primera_pagina {
	height:35px;
}

.destacada {
	height:101px;
	padding:19px 200px 0 19px;
	color:#FFFFFF;
}
.destacada .data {
	font: 11px Arial;
}
.destacada .resum {
	font: 14px/16px Arial;
	padding:5px 0;
}
.destacada .mes_info a {
	font: 12px Arial;
	color: #ee811f;
}

/* ############################# PEU ################################### */
#peu {
	clear:both;
	height:70px;
	background-color:#000000;
	font:11px Arial;
	color:#FFFFFF;
}
#peu .info_legal {
	width:181px;		/* FF i Safari */
	_width:201px;	/* IE6 */
	#width:201px;	/* IE7 */
	*width:201px;	/* IE8 */
	padding:27px 0 0 20px;
	float:left;
}
#peu .info_contacte {
	padding:30px 0 0 19px;
	float:left;
}
#peu .telefon {
	font: 12px Arial;
	font-weight:bold;
}

/* ############################# LLISTAT PÀGINES D'UNA SECCIÓ ################################### */
.link_mes_info {
	position:relative; 
	top:-44px; 
	left:599px; 
	width:160px;
	height:29px; 
	background-color:#EE801F; 
	color:#000000; 
	font:12px Arial; 
}
.link_mes_info a {
	display:block;
	color:#000000; 
	font:12px Arial; 
	padding:7px 0 0 10px;
}
.link_mes_info_butlleti {	 
	float:left;
	width:160px;
	height:29px; 
	background-color:#EE801F; 
	color:#000000; 
	font:12px Arial; 
	margin-top:5px;
}
.link_mes_info_butlleti a {
	display:block;
	float:right;
	color:#000000; 
	font:12px Arial; 
	padding:7px 5px 0 10px;
}
#paginador {
	margin:0px auto 20px auto; 
	text-align:center;
}
#paginador a {
	font:14px Arial;
	color:#FFFFFF;
}

/* ############################# LA FITXA D'UNA PÀGINA ################################### */
.pagina {

}
.pagina .img_pagina {
	display:block;
}
.pagina .text_pagina {
	font:14px/18px Arial;
	color:#FFFFFF;
	margin:0px;
	padding:17px 0 5px 19px;
}
.links_pagina, .docs_pagina, .fotos_pagina, .videos_pagina {
	font:14px/14px Arial;
	color:#FFFFFF;
	margin:0px;
	padding:0 0 0 19px;
}
.links_pagina ul li a, .docs_pagina ul li a, .fotos_pagina ul li a, .videos_pagina ul li a {
	font:14px/14px Arial;
	color:#FFFFFF;
}
.links_titulo, .docs_titulo, .fotos_titulo, .videos_titulo {
	clear:both;
	font:14px/14px Arial;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	padding:37px 0 10px 0;
}

.galeria {
	width:100%;
}
.galeria li {
	float:left;
	width:121px;
	margin-right:25px;
}
	
	.hoverbox {
		padding-left:19px;
	}
	.hoverbox li {
		width:121px;
		display:block;
		float:left;
		margin-right:25px;
	}
	.hoverbox p {
		margin:0px;
		padding:0px;
		font:12/14px Arial;
		color:#FFFFFF;
	}
	a .preview
	{
		display: none;
	}
	
	a:hover .preview
	{
		display: block;
		position: absolute;
		top: -33px;
		left: -45px;
		z-index: 1;
	}
	.preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

.mapas_titulo {
	padding-top:40px;
}
.mapas {
	text-align:center;
}
.mapas, .mapas a {
	font:12px Arial;
	color:#FFFFFF;
}

.mapas .codi_mapa a {
	font:12px Arial !important;
	text-decoration:none;
	color:#FFFFFF !important;
}
.mapas .codi_mapa a:hover {
	text-decoration:underline;
}


/* ############################# CSS ESPECÍFIC PER LA OPCIÓ DE MENÚ EMPRESA > El Grup ################################### */
.seccio_el_grup {
	clear:both;
	height:120px;
	min-height:120px;
	font: 14px/18px Arial;
	color:#FFFFFF;
}

.seccio_el_grup .logo_grup {
	float:left;
	width:180px;
	padding-left:19px;
}
.seccio_el_grup .text_grup {
	float:left;
	width:490px;
	padding-top:30px;
}

/* ############################# CSS ESPECÍFIC PER LA OPCIÓ DE MENÚ EMPRESA > L'Equip ################################### */
#interior_equip { margin: 0px;
padding: 0px; outline: 0;
}

#menu2 { text-align: center;
/*font-size: 0.7em;*/
font-size:11px;
width: 820px;
margin: 20px auto;
}
#menu2 ul { list-style-type: none;}
#menu2 ul li.nivel1 { float: left;
width: 120px;
margin-right: 2px;
font-size:11px;
}
#menu2 ul li a, #menu2 ul li {
display: block;
text-decoration: none;
color: #fff;
background-color: #ee811f;
padding: 8px;
position: relative;
font-size:11/20px;
cursor:default;
}
#menu2 ul li:hover {position: relative;
}
#menu2 ul li a:hover, #menu2 ul li:hover a.nivel1 {
color: #000;
position: relative;
font-size:11px;
}
#menu2 ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu2 ul li ul {display: none;
}
#menu2 ul li a:hover ul, #menu2 ul li:hover ul {display: block;
position: absolute;left: 0px;

}
#menu2 ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
cursor:default;
}
#menu2 ul li ul li a:hover {border-top-color: #000;
position: relative;
cursor:default;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

#menu2 ul li , #menu2 ul li a, #menu2 ul li ul, #menu2 ul li ul li, #menu2 ul li ul li a {
	font-size:11px !important;
	margin:0px;
	padding:0px;
	cursor:default;
}
#menu2 ul li a, #menu2 ul li ul li a {
	padding:5px 0;
	cursor:default;
}
#menu2 ul li ul li {
	width: 160px;
	padding:5px 3px;
	cursor:default;
	
}