/* CSS Document */
/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/
* { 
	margin:0; 
	padding:0; 
	border:none; 
}
body, input, select, textarea { 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:10px;
	line-height:14px;
}
a img, img { 
	border:0px; 
	text-decoration:none;
}
li { 
	list-style:none; 
}
.valores td{
	padding-bottom:10px;
	text-align:justify;
}
div.clear { 
	clear:both; 
	font-size:1px;
	line-height:1px;
}
/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/
body { 
	background:#fff; 
	color:#787878;
	text-align:center;
	height:100%;
}
a {
	color:#267a95;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.contenidor {
	margin:auto;
	text-align:left; 
	width:893px;
	border:#fff 5px solid;
	border-bottom:0px;
	border-top:0px;
	background:#fff url(../img/separador_v.gif) repeat-y 660px -2px;
}
.contQuatreCols {
	background:#fff url(../img/separador_v.gif) repeat-y 662px -2px !important;
}
.contCerca {
	background:#fff;
}
.contingutCap {
	height:70px;
	margin-left:-418px;
	overflow:hidden;
	padding-top:14px;
}
.contingutCentral {
	float:left;
	width:667px;
	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 418px;
	height: auto !important;
	height: 418px;
	text-align:left;
}
.novedades{
	width: 667px;
	background:#fff url(../img/separador_h.gif) repeat-x 660px 100x;
}
.imagenNovedades{
	float:left;
	width: 58px;
}
.textoNovedades{
	float:left;
	width: 400px;
	padding-left:20px; 
}
.botonBoletines{
	float:left;
	width: 125px;
	padding-left: 30px;
	padding-top:10px;
}
.boletin_lista a{
	text-decoration:underline;
}
.centralModuls {
	background:#fff url(../img/separador_h.gif) repeat-x 0px 201px;
}
.centralModuls_3Filas {
	background:#fff url(../img/separador_h.gif) repeat-x 0px 201px;
	min-height: 630px;
	height: auto !important;
	height: 630px;
}
.centralModuls_4Filas {
	min-height: 785px;
	height: auto !important;
	height: 785px;
}
.centralModulsEina {
	width:891px;
	background:#fff url(../img/separador_h.gif) repeat-x 0px 201px;
}
.contingutDreta {
	float:left;
	width:220px;
	padding-top:5px;
	padding-left:6px;
	text-align:left;
}
.dreta {
	float:right;
}
.contingutCentral {
	font-size:11px;
}
.contingutCentral p {
	padding-bottom:12px;
	padding-right:10px;
	padding:0px 10px 12px 2px;
}
.estret p {
	padding-right:95px;
}
.contingutCentral p.ultim {
	padding-bottom:6px;
}
.contingutCentral h1 {
	color:#267a95;
	font-size:18px;
	font-weight:normal;
	padding:6px 0px 16px 2px;
}
.contingutCentral h4 {
	color:#267a95;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	padding:6px 0px 6px 0px;
}
/*----------------------------------------------------------------------------------------------------
	Definició dels colors de les àrees
----------------------------------------------------------------------------------------------------*/
/*Neutre*/
.colorNeutre {
	background-color:#dff1f8 !important;
}
.colorNeutre #plegaDesplega {
	background:url(../img/bread_close_neutre.gif) no-repeat 0px 0px;
	cursor:default;
}
.colorNeutre #plegaDesplega.obert {
	background:url(../img/bread_close_neutre.gif) no-repeat 0px 0px;
	cursor:pointer;
}
/*Blau Esteve*/
.colorEsteve {
	background-color:#6594cb !important;
}
#submenu_1 {
	background:#6594cb url(../img/trama_blava.gif) no-repeat right bottom;
}
.colorEsteve ul {
	background:url(../img/filet_blau.gif) repeat-y top right;
}
.colorEsteve #plegaDesplega {
	background:url(../img/bread_open_blau.gif) no-repeat 0px 0px;
}
.colorEsteve #plegaDesplega.obert {
	background:url(../img/bread_close_blau.gif) no-repeat 0px 0px;
}
/*Tronja*/
.colorServicios {
	background-color:#f3a226 !important;
}
#submenu_2 {
	background:#f3a226 url(../img/trama_tronja.gif) no-repeat right bottom;
}
#submenu_2 ul {
	background:url(../img/filet_tronja.gif) repeat-y top right;
}
.colorServicios #plegaDesplega {
	background:url(../img/bread_open_tronja.gif) no-repeat 0px 0px;
}
.colorServicios #plegaDesplega.obert {
	background:url(../img/bread_close_tronja.gif) no-repeat 0px 0px;
}
/*Magenta*/
.colorProductos,
.colorProductosDes {
	background-color:#bd014e !important;
}
#submenu_4 {
	background:#bd014e url(../img/trama_magenta.gif) no-repeat right bottom;
}
#submenu_4 ul {
	background:url(../img/filet_magenta.gif) repeat-y top right;
}
.colorProductos #plegaDesplega {
	background:url(../img/bread_open_magenta.gif) no-repeat 0px 0px;
}
.colorProductos #plegaDesplega.obert,
.colorProductosDes #plegaDesplega,
.colorProductosDes #plegaDesplega.obert {
	background:url(../img/bread_close_magenta.gif) no-repeat 0px 0px;
}
.colorProductosDes #plegaDesplega{
	cursor:default;
}
.colorProductosDes #plegaDesplega.obert {
	cursor:pointer;
}
/*Verd*/
.colorMiEsteve,
.colorMiEsteveDes {
	background-color:#479c39 !important;
}
#submenu_4 {
	background:#bd014e url(../img/trama_verda.gif) no-repeat right bottom;
}
#submenu_4 ul {
	background:url(../img/filet_verd.gif) repeat-y top right;
}
.colorMiEsteve #plegaDesplega {
	background:url(../img/bread_open_verd.gif) no-repeat 0px 0px;
}
.colorMiEsteve #plegaDesplega.obert,
.colorMiEsteveDes #plegaDesplega,
.colorMiEsteveDes #plegaDesplega.obert {
	background:url(../img/bread_close_verd.gif) no-repeat 0px 0px;
}
.colorMiEsteveDes #plegaDesplega {
	cursor:auto;
}
.colorMiEsteveDes #plegaDesplega.obert {
	cursor:pointer;
}

/* Verde Azulado Areas*/
.colorAreas {
	background-color:#006981 !important;
}
#submenu_3 {
	background:#006981 url(../img/trama_azulado.gif) no-repeat right bottom;
}
#submenu_3 ul {
	background:url(../img/filet_azulado.gif) repeat-y top right;
}
.colorAreas #plegaDesplega {
	background:url(../img/bread_open_azulado.gif) no-repeat 0px 0px;
}
.colorAreas #plegaDesplega.obert {
	background:url(../img/bread_close_azulado.gif) no-repeat 0px 0px;
}


/*----------------------------------------------------------------------------------------------------
	CSS Específics per la capçalera
----------------------------------------------------------------------------------------------------*/
.contingutCap .contingut .logo{
	padding-left:216px;
	margin-top:-19px;
}
.contingutCap .contingut {
	width:1320px;
	height:84px;
	/*background:url(../img/logoesteve.gif) no-repeat 216px -14px;*/
	text-align:left;
	margin:auto;
}
.contingutCap h1 {
	position:absolute;
	margin-top:-300px;
}
.contingutCap form {
	margin-left:1085px;
	background:url(../img/separador_v.gif) repeat-y 0px 10px;
	height:200px;
	padding-left:16px;
}
.contingutCap input {
	width:80px;
	padding-left:2px;
	padding-top:0px;
	height:14px;
	border:#90becb 1px solid;
	background:#e5eff2;
	color:#72aaba;
	margin-right:5px;
}	
.contingutCap input.boto {
	background:url(../img/login_bt.gif) no-repeat 0px 0px;
	padding:0px;
	width:16px;
	height:18px;
	border:0px;
	margin-left:-1px;
	margin-top:-1px;
	text-indent:-2000px;
	cursor:pointer;
	position:absolute;
}
.contingutCap a {
	padding-top:3px;
	color:#66a3b5;
	float:left;
	width:80px;
	line-height:12px;
	margin-top:2px;
}
.contingutCap a.alt {
	text-align:right;
	width:120px;
	color:#006583;
}
/*----------------------------------------------------------------------------------------------------
	CSS Específics per la botonera
----------------------------------------------------------------------------------------------------*/
#botonera {
	color:#77aebf;
	background:#eff8fb;
	text-align:center;
	border-top:#fff 7px solid;
	border-bottom:#fff 5px solid;
}
#botonera .contingut {
	width:893px;
	margin:auto;
	border:#fff 5px solid;
	border-top:0px;
	border-bottom:0px;
}
#botonera a {
	display:block;
	float:left;
	padding:5px;
	border-right:#fff 5px solid;
	color:#fff;
}
.perfil {
	border-left:#fff 5px solid;
	background:#dff1f8;
	float:right;
	padding-left:4px;
	line-height:22px;	
}
#botonera .perfil strong {
	display:block;
	float:left;
	color:#74acbe;
	padding:5px 0px 0px 5px;
}
#botonera .perfil a {
	border:none;
	color:#428da5;
	padding-right:10px;
}
/*----------------------------------------------------------------------------------------------------
	CSS Específics per al menu
----------------------------------------------------------------------------------------------------*/
#menu {
	overflow:hidden;
}
.submenu {
	position:absolute;
	margin-top:-1000px;
	width:893px;
	border-bottom:#fff 3px solid;
}
.submenu ul {
	width:224px;
	padding:4px 0px;
}
.submenu li {
	width:224px;
}
.submenu ul ul {
	/*height:400px;*/
	top:0px !important;
}
.submenu ul ul ul ul {
	background:none;
}
.submenu a,
.submenu li:hover li a,
.submenu li:hover li:hover li a,
.submenu li:hover li:hover li:hover li a,
.submenu li.iehover li a,
.submenu li.iehover li.iehover li a,
.submenu li.iehover li.iehover li.iehover li a {
	color:#fff;
	display:block;
	width:211px;
	padding:3px 0px 3px 10px;
	background:url(../img/bg_menu.gif) right top;
	text-decoration:none !important;
	font-weight:normal;
	cursor:pointer;
}
.submenu a.pare {
	background:url(../img/bg_fletxa.gif) right top !important;
}
.persistencia a.on,
.submenu li:hover a,
.submenu li:hover li:hover a,
.submenu li:hover li:hover li:hover a,
.submenu li:hover li:hover li:hover li:hover a,
.submenu li.iehover a,
.submenu li.iehover li.iehover a,
.submenu li.iehover li.iehover li.iehover a,
.submenu li.iehover li.iehover li.iehover li.iehover a {
	font-weight:bold;
}
.submenu ul ul,
.submenu ul li:hover ul ul,
.submenu ul li.iehover ul ul,
.submenu ul li:hover li:hover ul ul,
.submenu ul li.iehover li.iehover ul ul {
	display:block;
	position:absolute;
	margin-left:224px;
	top:0px;
	margin-top:-1000px;
}
.persistencia .submenu ul.on,
.submenu ul li:hover ul,
.submenu ul li.iehover ul,
.submenu ul li:hover li:hover ul,
.submenu ul li.iehover li.iehover ul,
.submenu ul li:hover li:hover li:hover ul,
.submenu ul li.iehover li.iehover li.iehover ul {
	margin-top:0px;
}
.persistencia #submenu_1 a.on,
#submenu_1 a:hover {
	background-color:#8cafd8 !important;
}
#submenu_1 li:hover a,
#submenu_1 li.iehover a {
	background-color:#8cafd8 !important;
}
#submenu_1 li:hover li:hover li a,
#submenu_1 li.iehover li.iehover li a,
#submenu_1 li:hover li a,
#submenu_1 li.iehover li a {
	background-color:transparent !important;
}
#submenu_1 li:hover li:hover li a:hover,
#submenu_1 li.iehover li.iehover li a:hover,
#submenu_1 li:hover li:hover a,
#submenu_1 li.iehover li.iehover a,
#submenu_1 li:hover li a:hover,
#submenu_1 li.iehover li a:hover {
	background-color:#8cafd8 !important;
}
.persistencia #submenu_2 a.on,
#submenu_2 a:hover {
	background-color:#f6b95c !important;
}
#submenu_2 li:hover a,
#submenu_2 li.iehover a {
	background-color:#f6b95c !important;
}
#submenu_2 li:hover li:hover li a,
#submenu_2 li.iehover li.iehover li a,
#submenu_2 li:hover li a,
#submenu_2 li.iehover li a {
	background-color:transparent !important;
}
#submenu_2 li:hover li:hover li a:hover,
#submenu_2 li.iehover li.iehover li a:hover,
#submenu_2 li:hover li:hover a,
#submenu_2 li.iehover li.iehover a,
#submenu_2 li:hover li a:hover,
#submenu_2 li.iehover li a:hover {
	background-color:#f6b95c !important;
}

.persistencia #submenu_3 a.on,
#submenu_3 a:hover {
	background-color:#4B95A7 !important;
}
#submenu_3 li:hover a,
#submenu_3 li.iehover a {
	background-color:#4B95A7 !important;
}
#submenu_3 li:hover li:hover li a,
#submenu_3 li.iehover li.iehover li a,
#submenu_3 li:hover li a,
#submenu_3 li.iehover li a {
	background-color:transparent !important;
}
#submenu_3 li:hover li:hover li a:hover,
#submenu_3 li.iehover li.iehover li a:hover,
#submenu_3 li:hover li:hover a,
#submenu_3 li.iehover li.iehover a,
#submenu_3 li:hover li a:hover,
#submenu_3 li.iehover li a:hover {
	background-color:#4B95A7 !important;
}


/*----------------------------------------------------------------------------------------------------
	CSS Específics per al breadcrumb
----------------------------------------------------------------------------------------------------*/
#mascaraMouseover {
	position:absolute;
	width:35px;
	height:24px;
	margin-left:850px;
	background: url(../img/transp.gif);
	z-index:1;
	display:none;
}
.breadcrumb { 
	padding:8px 0px 0px 6px;
	/*color:#fff;*/
	height:18px;
	border-bottom:#fff 4px solid;
	background:url(../img/bread_bg.gif) repeat-x 0px 0px;
}
.breadcrumb .ruta {width:640px;
	float:left;
}
.breadcrumb form {
	float:right;
	margin-top:-2px;
}
.breadcrumb input {
	border:#b2d0da 1px solid;
	width:128px;
	height:13px;
	margin-right:8px;
}
.breadcrumb .boto {
	background:url(../img/bread_boto.gif) no-repeat 0px 0px;
	width:47px;
	height:15px;
	color:#4c91a7;
	border:0px;
	cursor:pointer;
}
.breadcrumb a {
	color:#66a0b2;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
#plegaDesplega {
	float:right;
	margin-right:0px;
	width:30px;
	height:25px;
	display:block;
	margin-top:-7px;
}
.breadcrumb #plegaDesplega:hover {
	text-decoration:none;
}
/*----------------------------------------------------------------------------------------------------
	CSS Específics per a boletines
----------------------------------------------------------------------------------------------------*/
.boletines {
	min-height: 229px;
	height: auto !important;
	height: 229px;
}
.boletines h4 {
	height:20px;
	padding:8px 0px 0px 58px;
	color:#fff;
	background:url(../img/bg_tit_boletines.gif) no-repeat 0px 0px;
	font-size:10px;
}
.boletines p {
	padding:11px 5px 0px 16px;
	font-size:9px;
}	
.boletines ul {
	padding-top:8px;
}
.boletines li {
	padding:3px 16px 0px 16px;
	font-size:12px;
	color:#267a95;
}
.boletines li a {
	font-size:12px;
}
.boletines a.mes {
	display:block;
	background:url(../img/mes.gif) no-repeat;
	height:13px;
	width:13px;
	text-indent:-2000px;
	margin-left:195px;
}
.boletines form {
	padding:5px 0px 0px 15px;
}
.boletines input {
	border:#90becb 1px solid;
	padding:3px 0px 0px 5px;
	height:14px;
	color:#267a95;
	width:120px;
}
.boletines .boto {
	background:url(../img/boton.gif) no-repeat left top;
	border:0px;
	padding:0px;
	width:63px;
	height:18px;
	cursor:pointer;
}
/*----------------------------------------------------------------------------------------------------
	CSS Específics per Mes info dreta
----------------------------------------------------------------------------------------------------*/
.contingutDreta .mesDreta {
	background:url(../img/bg_sobrenosotros.gif) no-repeat left bottom;
	height:254px;
	padding-bottom:19px;
}
.contingutDreta .titol {
	background:#267c95 url(../img/fletxa_tit.gif) no-repeat 6px 7px;
}
.mesDreta .titol,
.contingutDreta .titol {
	padding:2px 0px 0px 17px;
	height:17px;
	font-size:10px;
	color:#fff;
	font-weight:bold;
}
.mesDreta .titol {
	background:#6594cb url(../img/fletxa_tit.gif) no-repeat 6px 7px;
}

.contingutDreta .mesDreta ol {
	padding-top:8px;
}
.contingutDreta .mesDreta ol li {
	padding:5px 0px 0px 20px;
	background:url(../img/topo_ol.gif) no-repeat 13px 12px;
	font-size:12px;
}
.contingutDreta .mesDreta ol li a {
	color:#787878;
}
.contingutDreta .mesDreta ol li a:hover,
.contingutDreta .mesDreta ol li a.on,
.contingutDreta .mesDreta ol li a.on:hover {
	color:#267a95;
	text-decoration:underline;
}
.contingutDreta .titolMiEsteve {
	background:#479c39 url(../img/fletxa_tit.gif) no-repeat 6px 7px;
	padding:2px 0px 0px 17px;
	height:17px;
	font-size:10px;
	color:#fff;
	font-weight:bold;	
}

/*----------------------------------------------------------------------------------------------------
	CSS Específics per Sala de Prensa Dreta
----------------------------------------------------------------------------------------------------*/
.contingutDreta .salaPrensa {
	height:145px;
	background:url(../img/bg_sobrenosotros.gif) no-repeat 0px -94px;
}
.contingutDreta .salaPrensa h3 {
	font-size:12px;
	padding:0px 0px 4px 0px;
}
.contingutDreta .salaPrensa p {
	line-height:12px;
	padding-bottom:8px;
}
.contingutDreta .salaPrensa .cos {
	padding:11px 11px 0px 11px;
}
/*----------------------------------------------------------------------------------------------------
	CSS Específics per Datos personales dreta
----------------------------------------------------------------------------------------------------*/
.datosDreta {
	background:url(../img/bg_datos.jpg) no-repeat left bottom;
	border-bottom:#fff 15px solid;
}
.datosDreta p {
	padding: 0px 0px 6px 77px;
	width:135px;
}
.datosDreta p.nom {
	padding:14px 0px 6px 12px;
	width:auto;
}
.datosDreta p.aladreta {
	width:130px;
	text-align:right;
}
.datosDreta p.nom strong {
	color:#267c95;
}
/*----------------------------------------------------------------------------------------------------
	CSS Específics per Nutridiver dreta
----------------------------------------------------------------------------------------------------*/
.nutriDreta {
	background:url(../img/modulos/nutridiver_dreta.jpg) no-repeat right bottom;
}
.nutriDreta .titol {
	background-color:#bd014e;
}
.nutriDreta p {
	padding: 18px 100px 0px 13px;
}
/*------------------------------------------------------------------------------------------------
		CSS Específics per  HISTORICO
--------------------------------------------------------------------------------------------------*/
.historico{
	min-height:110px;
	height:auto !important;
	height:110px;
	background:#dceaee;
	margin-bottom:7px;
}
.historico form{
	display:block;
	padding:5px 0 5px 16px;
}
.historico label{
	color:#267c95;
	display:block;
	font-size:9px;
	width:193px;
	padding-bottom:5px;
}
.historico input{
	width:122px;
	height:15px;
	border:1px solid #267c95;
}
.historico input.boto{
	background:url(../img/boton.gif) no-repeat left top;
	border:0px;
	padding:0px;
	width:63px;
	height:18px;
	cursor:pointer;
	color:#3e89a1;
	float:left;
	margin-left:4px;
}
.historico input.ultim{
	float:left;	
}
/*----------------------------------------------------------------------------------------------------
	CSS Específics per al peu
----------------------------------------------------------------------------------------------------*/
.peu {
	clear:both;
	margin-top:20px;
	color:#77aebf;
	background:#eff8fb;
	text-align:center;
	border-top:#fff 7px solid;
}
.peu a {
	padding:0px 12px;
	color:#77aebf;
}
.peu .contingut {
	width:893px;
	text-align:left;
	margin:auto;
	padding-top:25px;
	height:21px;
}
/*----------------------------------------------------------------------------------------------------
	CSS generics pels moduls centrals
----------------------------------------------------------------------------------------------------*/
.contingutCentral .modul {
	position:absolute;
	width:210px;
	height:201px;
	margin:0px;
	padding:0px 7px 0px 9px;
	background:#fff url(../img/separador_v.gif) repeat-y -7px -2px;
}
.contingutCentral .modul .titol {
	background-image:url(../img/fletxa_tit.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding:2px 0px 0px 17px;
	height:17px;
	font-size:10px;
	color:#fff;
	font-weight:bold;
}
.contingutCentral .dosCols .titol,
.contingutCentral .tresCols .titol {
	background-position:14px 7px;
	padding-left:25px;
}
.contingutCentral .modul .cos {
	min-height: 182px;
	height: auto !important;
	height: 182px;
}
.contingutCentral .dosRows .cos {
	min-height: 399px;
	height: auto !important;
	height: 400px;
}
.contingutCentral .tresRows .cos {
	min-height: 599px;
	height: auto !important;
	height: 600px;
}

.contingutCentral .pos_1_1,
.contingutCentral .pos_2_1,
.contingutCentral .pos_3_1 {
	padding-left:0px;
	background:#fff;
	padding-right:7px !important;
}
.contingutCentral .pos_1_2,
.contingutCentral .pos_2_2,
.contingutCentral .pos_3_2 {
	margin-left:217px;
}
.contingutCentral .pos_1_3,
.contingutCentral .pos_2_3,
.contingutCentral .pos_3_3 {
	margin-left:443px;
	padding-right:0px;
}
.contingutCentral .pos_2_1,
.contingutCentral .pos_2_2,
.contingutCentral .pos_2_3,
.contingutCentral .pos_2_4 {
	margin-top:217px;
}
.contingutCentral .pos_1_4,
.contingutCentral .pos_2_4,
.contingutCentral .pos_3_4 {
	margin-left:669px;
	padding-right:0px;
	background:none;
	width:215px;
}
.contingutCentral .pos_1_4 {
	background:url(../img/separador_h.gif) repeat-x 4px 201px;
	height:210px;
}
.contingutCentral .pos_3_1,
.contingutCentral .pos_3_2,
.contingutCentral .pos_3_3,
.contingutCentral .pos_3_4 {
	margin-top:436px;
}
.contingutCentral .dosCols {
	width:436px;
	padding-right:0px;
	height:210px;
}
.contingutCentral .dosRows {
	height:418px;
	background:#fff url(../img/separador_v.gif) repeat-y -7px 5px;
}
.contingutCentral .tresCols {
	width:661px;
	padding-right:0px;
	background:transparent;
}
.contingutCentral .tresRows {
	height:627px;
	background:transparent;
}

.contingutCentral h3{
	color:#267A95;
	font-family:Verdana;
	font-size:14px;
	padding-bottom:20px;
	padding-top: 15px;
}
/*----------------------------------------------------------------------------------------------------
	Formulari de login
----------------------------------------------------------------------------------------------------*/
#login {
	width:400px;
	height:270px;
	border:#ccc 1px solid;
	background:#fff;
	left:50%;
	margin-left:-200px;
	margin-top:180px;
	z-index:3;
	position:absolute;
	text-align:left;
}
#capaFons {
	background:#ECFAFF;
	opacity:0.85;
	filter: alpha(opacity=85); 
	position:absolute;
	left:0px;
	height:100%;
	width:100%;
	height:100%;
	z-index:2;
}
#login .contingut{
	padding:0 40px 10px 35px;
	font-size:10px;
	line-height:12px;
}
#login .cerrar{
	float:right;
	margin:10px 10px 0 0;
	display:block;
	width:11px;
	height:11px;
	background:url(../img/cerrar.gif) left top no-repeat;
	text-indent:-99999px;
}
#login h3{
	font-size:10px;
	font-weight:bolder;
	padding-bottom:5px;
}
#login p{
	color:#787878;
	padding:0 0 10px 0;
}
#login p.curt{padding-right:85px;}
#login a{font-size:9px;}
#login label{ clear:both;
	display:block;
	font-weight:bold;
	padding-bottom:2px;
}
#login input.text {float:left;
	width:198px;
	height:13px;
	display:block;
	border:1px solid #a5c4d8;
	margin-bottom:9px;
}
#login input.btn{float:left;
	width:62px;
	height:18px;
	background:url(../img/btn.gif) left top no-repeat;
	border:0;
	color:#4b8495;
	text-align:center;
	cursor:pointer;
	margin-left:18px;
}
#login .reg{
	font-size:10px;
	color:#01637c;
	font-weight:bold;
}
a.enllcolor{
	padding:0 0 0 35px;
}
a.enllcolor:hover{
	text-decoration:underline;
}
a.enllgris{
	color:#787878;
}
a.enllcolor:hover,
a.enllgris:hover{
	text-decoration:underline;
}
/*----------------------------------------------------------------------------------------------------
	CSS de la taula de productes (i+d)
----------------------------------------------------------------------------------------------------*/
#taula2{
	background:url(../img/bg_tabla_productos2.jpg) repeat-y 0px 0px;
	/*width:447px;*/
	border-color:#FFFFFF;
	border-bottom:#fff 2px solid;
}
#taula{
	background:url(../img/bg_tabla_productos.jpg) repeat-y 0px 0px;
	/*width:447px;*/
	border-color:#FFFFFF;
	border-bottom:#fff 2px solid;
}
#taula2 #taula td {
	text-align:center;
	border-bottom:#fff 2px solid;
	padding: 10px 12px 10px 12px;
}
#taula2 #taula th {
	text-align:center;
	border-bottom:#fff 2px solid;
	padding-bottom: 10px;
	padding-top: 10px;
	color:#6594cb;
	font-weight:normal;
}
#taula2 #taula tr{
	/*padding: 5px 15px 5px 5px;*/
	color:#FFFFFF;
	font-weight:bold;
}
#taula2 #taula #tabla_cabecera{
	background-color:#FFFFFF;
	text-align:right;
	color:#6594cb;
	padding-bottom:5px;
}
#titulos_columnas{
	background-color:#FFFFFF;
}
.producto{
	font-weight:bold;
}
#taula2 #taula #titulos_columnas th{
	padding-bottom:5px;
	padding-top:5px;
}
/*----------------------------------------------------------------------------------------------------
	CSS módul dreta - sostenibilitat
----------------------------------------------------------------------------------------------------*/
#modul_sostenibilitat{
	width: 220px;
	height:162px;
}
#modul_sostenibilitat #cabecera_panel{
	background:#267c95 url(../img/fletxa_tit.gif) no-repeat 6px 7px;
	padding:2px 0px 0px 17px;
	height:17px;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	font-family:Verdana;
	font-size:10px;
	text-transform:uppercase;
	color:#FFFFFF;	
}
#modul_sostenibilitat #cuerpo_panel #texto_cuerpo{
	width:100px;
	height:55px;
	font-family:Verdana;
	font-size:12px;
	color:#ffffff;
	position:relative;
	left:10px;
	top:35px;
}
#modul_sostenibilitat #cuerpo_panel #texto_cuerpo a{
	font-family:Verdana;
	color:#ffffff;
}
.titulo_subseccion{
	font-family:Verdana;
	color:#787878;
	font-size:11px;
}
/*----------------------------------------------------------------------------------------------------
	Tabla proyectos - Compromisos medioambientales
----------------------------------------------------------------------------------------------------*/
#tabla_proyectos{
	width:510px;
	background: none;
	border: none;
}
#tabla_proyectos td{
	padding:0px;
	text-align:left;
	vertical-align:top;
}
#tabla_proyectos p{
	width:100%;
	color:#787878;
	font-weight:normal;
	line-height:14px;
	text-align:left;
	font-size:11px;
}
.pie_foto{
	color:#999999;
	font-size:9px;
	font-weight:normal;
	text-align:left;
}
/*----------------------------------------------------------------------------------------------------
	Apartado de la memmoria de sostenibilidad
----------------------------------------------------------------------------------------------------*/
#texto_memoria{
	width:460px;
	text-align:left;
	float:left;
}
#imagen_memoria{
	width:150px;
	float:right;
	padding-right:50px;
}
/*----------------------------------------------------------------------------------------------------
	formato de los bloques con imágenes
----------------------------------------------------------------------------------------------------*/
.bloque_foto_izq{
	padding-right: 22px;
	padding-bottom: 22px;
}
/*----------------------------------------------------------------------------------------------------
	OTROS
----------------------------------------------------------------------------------------------------*/
.link_modulo_derecha{
	color:#66a0b2;
}
#actividades{
	color:#267A95;
	font-weight:bold;
	font-family:Verdana;
	font-size:14px;
	padding-bottom:20px;
	padding-top: 15px;
}
.titlesSection {
	padding-left: 6px;
	padding-top: 2px;
}
.tabcolummns {
	width: 426px;
}
.titleSectionEsteve {
	background-color: 6594cb;
	height: 20px;
	margin-bottom: 2px;
	padding-left: 0px;
	padding-top: 2px;
	text-align: left;
	width: 426px;
}
.aa {
	color: #FFF;
	text-decoration: underline;
}
.aahover {
	color: #FFF;
	text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------------
	MAPA WEB
----------------------------------------------------------------------------------------------------*/
.mapacolorEsteve {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #6594cb;
	text-align: left;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 426px;
	height: 20px;
	padding-top: 2px;
	padding-left: 0px;
}
.mapacolorServicios {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #f3a226;
	text-align: left;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 426px;
	height: 20px;
	padding-top: 2px;
	padding-left: 0px;
}
.mapacolorProductos {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #bd014e;
	text-align: left;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 426px;
	height: 20px;
	padding-top: 2px;
	padding-left: 0px;
}
.mapacolorMiEsteve {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #479c39;
	text-align: left;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 426px;
	height: 20px;
	padding-top: 2px;
	padding-left: 0px;
}
.mapaTitles {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 6px;
}
.mapasubtitles {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: 267a95;
	text-align: left;
	padding-left: 20px;
}
/*----------------------------------------------------------------------------------------------------
	Descarga PDF
----------------------------------------------------------------------------------------------------*/
.descargarPDF {
	display:block;
	float:right;
	width:210px;
	font-size:10px;
	text-align:right;
	padding-bottom:8px;
	margin-right:5px;
}
.pdftest {
	display:block;
	float:right;
	background:#fff;
	font-size:1em;
	font-weight:bold;
	text-align:right;
	margin-right:5px;
}
.barraSeparadora {
	clear:both;
	margin-top:6px;
	background:url(../img/separador_h.gif) repeat-x 0px -3px;
	width:660px;
	height:11px;
}

.barraSeparadoraHome {
	clear:both;
	float:left;
	margin-top: -209px;
	background: url(../img/separador_h.gif) repeat-x 0px 0px;
	height:11px;
}

/*----------------------------------------------------------------------------------------------------
	TEXTO EXCLUSIVO
----------------------------------------------------------------------------------------------------*/
.textoExclusivo {
	clear:both;
	width:660px;
	padding:5px 0px 5px 0px;
	font-family: Calibri;
	font-size:11pt;
	color:#006583;
}

.textoExclusivo p {
	padding:0px
}

.pantallaCompleta{
	width:893px;
	background:#fff;
}

.mediaplayer{
	padding:10px 0px 10px 0px;
	text-align:center;
}

/*----------------------------------------------------------------------------------------------------
	Modulo Derecha Info para Servicios...
----------------------------------------------------------------------------------------------------*/
.contingutDreta .info{
	width:220px;
}

.contingutDreta .info .titulo {
	background:#267c95 url(../img/fletxa_tit.gif) no-repeat 6px 7px;
	padding:2px 0px 0px 17px;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	min-height: 17px;
}

.contingutDreta .info .cos{
	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 265px;
	height: auto;
	height: 265px;
	background:#fff url(../img/bg_modInfo.png) left bottom no-repeat;
}

.contingutDreta .info .coscurt{
	/*alçada mínima del contenidor compatible amb IE6 */
	min-height: 100px;
	height: auto;
	height: 100px;
	background:#dfebef url(../img/bg_modInfo.png) left bottom no-repeat;
}

.contingutDreta .info .cos .imagen{
	padding-top:5px;
	text-align:center;
}

.contingutDreta .info p{
	padding:8px 10px 15px 15px;
}

.contingutDreta .info a{
	background:#b8d4de url(../img/btn_info.gif) no-repeat 0px 0px;
	display:block;
	width:160px;
	height:16px;
	padding:3px 0px 0px 0px;
	color:#fff;
	margin-left:30px;
	float:left;
	font-weight:bold;
	font-size:10px;
	text-align:center;
}

.contingutDreta .info a:hover{
	text-decoration:none;
	background-position:0px -19px;
	background-color:#6594cb;
	color:#267c95;
}

.cookie {
	clear:both;
	color:#fff;
	background:#666666;
	text-align:center;
	border:#111111 1px solid;
	margin-bottom:7px;
	display:block;
	height:50px;
	font-family: Calibri;
	font-size:14px;	
}
.cookie .contingut {
	float:left;
	text-align:left;
	padding:12px 0px 7px 20px;
}
.cookie .contingut a {
	color:#3eeaf8;
	font-weight:bold;
	text-decoration:underline;
}
.cookie .contingut a:hover{
	text-decoration:none;
}
.cookie .cerrar_cookie {
	float:right;
	margin: 13px 15px 0px 0px;
	background:url(../../rc/img/bcookie.png) left top no-repeat;
	width:75px;
	height:25px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
.cookie .cerrar_cookie a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.cookie .cerrar_cookie a:hover{
	text-decoration:underline;
}

.contingutCentral h5{
	color:#267A95;
	font-family:Verdana;
	font-size:12px;
	padding-bottom:20px;
	padding-top: 15px;
	font-weight:normal;
}

.centralModuls_4Filas .dosRows .cos {
	min-height: 333px;
	height: auto !important;
	height: 333px;
}

.centralModuls_4Filas .dosRows {
	height:345px;
	background:#fff url(../img/separador_v.gif) repeat-y -7px 5px;
}