@charset "utf-8";
/*
GRUP PALET
LMMS @ Marc Torres 2009

VERSIÓN - 1.0
 - CSS realizada y testeada para IE 6/7/8, Firefox 3/3.5, Safari 4, Chrome 3 y Opera 10
 - Hacks y código especfico para IE en la CSS: styleScreenIE.css (sólo la cargaran los navegadores de la familia Internet Explorer e incluye el Hack para soportar PNGs con transparencia en IE 5.5/6).
 - La elección de CSS se realiza con comentarios condicionales para Internet Explorer en la plantilla de cada página.
 - Referencias:
 	 http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie (en castellano)
	 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
*/


/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */
body {
	background:#FFF;
}
#main a {
	font-weight:bold;
	text-decoration:none;
}
#main a:link {
}
#main a:visited {
}
#main a:hover {
}
#main a:active {
}


/* PÁGINA (#page)
--------------------------------------------- */
#page {
	background:#FFF url(/img/bgPalet.gif) -350px 100px repeat-x;
	width:100%;
	text-align:center;
}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	background: #9F9F9F;
	text-align:center;
}
.assessoria #header {
	background:#A39F00;
}
.assegurances #header {
	background:#B51327;
}
.consultoria #header {
	background:#085339;
}
.patrimonial #header {
	background:#002577;
}
	#headerInner {
		width:913px;
		height:100px;
		margin:0 auto;
		position:relative;
	}
	/* LOGO (#logo)*/
	#logo {
		position:absolute;
		top:22px;
		left:5px;
		width:260px;
		height:76px;
	}
		#logo h1 {
			width:260px;
			height:76px;
			margin:0;
		}
			#logo h1 a {
				width:260px;
				height:76px;
				display:block;
				text-indent:-9999px;
				background:transparent url(/img/logoPalet.png) no-repeat;
			}
			.home #logo h1 a:hover {
				cursor:default;
			}
		#logo p {
			display:none;
			visibility:hidden;
		}
	
	#anniversary {
		width:88px;
		height:100px;
		position:absolute;
		right:0;
		top:0;
		display:block;
		text-indent:-9999px;
		background:transparent url(/img/bg60anysGris.png) no-repeat;
	}
	.assessoria #anniversary {
		background:transparent url(/img/bg60anysAmarillo.png) no-repeat;
	}
	.assegurances #anniversary {
		background:transparent url(/img/bg60anysRojo.png) no-repeat;
	}
	.consultoria #anniversary {
		background:transparent url(/img/bg60anysVerde.png) no-repeat;
	}
	.patrimonial #anniversary {
		background:transparent url(/img/bg60anysAzul.png) no-repeat;
	}
	
	#topNav {
		position:absolute;
		width:465px;
		height:20px;
		right:100px;
		bottom:12px;
	}
		#topNav li {
			float:left;
			padding:0 10px;
			border-right:1px solid #FFF;
			font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
		}
		#topNav li.last {
			border-right:none;
			padding-right:0;
		}
			#topNav li a {
				display:block;
				height:20px;
				float:left;
				color:#FFF;
				text-decoration:none;
			}
			#topNav li a:hover {
				text-decoration:underline;
				color:#FF3;
			}
			#topNav li a.selected,
			#topNav li a.selected:hover {
				text-decoration:none;
				color:#FF3;
				cursor:default;
			}
	
/* NAVEGACIÓN (#mainNav)
--------------------------------------------- */
#mainNav {
	width:913px;
	margin:0 auto;
}
	#mainNav ul {
		height:29px;
	}
		#mainNav ul li {
			float:left;
			position:relative;
			height: 29px;
		}
			#mainNav ul li a {
				float:left;
				display:block;
				height:23px;
				text-align:center;
				font:normal 18px Arial, Helvetica, sans-serif;
				font-weight:700;
				color:#FFF;
				text-decoration:none;
				padding-top:6px;
				/* No funciona line-height con Cufón; Grrr!*/
			}
			#mainNav li a:hover,
			#mainNav li a.selected,
			#mainNav li a.selected:hover {
				font:normal 18px Arial, Helvetica, sans-serif;
				color:#000;
			}
			#mainNav li a.selected:hover {
				cursor:default;
			}

			#mainNav ul li a.navInici,
			#mainNav ul li a.navContacte {
				width:84px;
				background:#797979;
			}
			#mainNav ul li a.navContacte {
				width:114px;
			}
			#mainNav ul li a.navInici:hover, 
			#mainNav ul li a.navInici.selected,
			#mainNav ul li a.navContacte:hover, 
			#mainNav ul li a.navContacte.selected {
				background:#979797;
			}
			#mainNav ul li a.navDespatx,
			#mainNav ul li a.navNoticies {
				width:116px;
				background:#AAA;
			}
			#mainNav ul li a.navNoticies {
				width:98px;
			}
			#mainNav ul li a.navDespatx:hover, 
			#mainNav ul li a.navDespatx.selected,
			#mainNav ul li a.navNoticies:hover, 
			#mainNav ul li a.navNoticies.selected{
				background:#BBB;
			}
			#mainNav ul li a.navAssessoria {
				width:113px;
				background:#A39F00;
			}
			#mainNav ul li a.navAssessoria:hover, 
			#mainNav ul li a.navAssessoria.selected {
				background:#B7B34F;
			}
			#mainNav ul li a.navAssegurances {
				width:141px;
				background:#B51926;
			}
			#mainNav ul li a.navAssegurances:hover, 
			#mainNav ul li a.navAssegurances.selected {
				background:#C4505D;
			}
			#mainNav ul li a.navConsultoria {
				width:121px;
				background:#0B533B;
			}
			#mainNav ul li a.navConsultoria:hover, 
			#mainNav ul li a.navConsultoria.selected {
				background:#4F7C68;
			}
			#mainNav ul li a.navPatrimonial {
				width:126px;
				background:#002576;
			}
			#mainNav ul li a.navPatrimonial:hover, 
			#mainNav ul li a.navPatrimonial.selected {
				background:#4E68BF;
			}
			
			
			#mainNav ul li ul li {
				float:none;
				display:block;
			}
			#mainNav ul li ul li a:link,
			#mainNav ul li ul li a:visited{
				color:#2c2c2c;
				font:normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				padding:0 10px;
				clear:both;
				display:block;
			}
			#mainNav ul li ul li a:hover{
				color:#2c2c2c;
				font-weight: bold;
			}
			#mainNav ul li .subNav {
				position:absolute;
				top:28px;
				left:0;
				margin:0 -10px 0 -10px;
				width:200px;
				height:160px;
				background:#F6F6F6;
				padding:10px 10px 0;
				border:solid 1px #b6b6b6;
				display:none;
				z-index:1000;
			}


/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	clear:both;
	width:913px;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
	background:#FFF;
}

	#content p,
	#content .p {
		margin:0.75em 0;
		font:normal 11px/130% Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* Listas */
	#content ol,
	#content ul {
		margin:1em 0;
		padding-left:3em; 
	}
	#content ul li,
	#content ol li {
		font:normal 11px/130% Verdana, Arial, Helvetica, sans-serif;
		margin:0.5em 0;
	}
	#content ol {
		list-style:decimal;
	}
	#content ul{
		list-style: disc;
	}
	#content ol ul,
	#content ul ul,
	#content ol ul,
	#content ul ol  {
		margin-top:0;
		margin-bottom:0;
	}
	#content ol li ul li,
	#content ul li ul li,
	#content ol li ul li,
	#content ul li ol li{
		font:normal 11px/130% Verdana, Arial, Helvetica, sans-serif;
	}

	/* PRINCIPAL (#main) */
	#main {
		float:left;
		width:640px;
	}
		#main h2 {
			font:bold 33px/150% "Times New Roman", Times, serif;
		}
		#main h3 {
			font:bold 28px/150%  "Century", "Century Schoolbook", "Times New Roman", Times, serif;
		}
		#main h2,
		#main h3 {
			color:#000;
			border-bottom:2px dotted #000;
		}
		.assessoria #main h2,
		.assessoria #main h3 {
			color:#91910F;
			border-bottom:2px dotted #91910F;
		}
		.assegurances #main h2,
		.assegurances #main h3 {
			color:#9F0A1F;
			border-bottom:2px dotted #9F0A1F;
		}
		.consultoria #main h2,
		.consultoria #main h3 {
			color:#11432A;
			border-bottom:2px dotted #11432A;
		}
		.patrimonial #main h2,
		.patrimonial #main h3 {
			color:#0A185F;
			border-bottom:2px dotted #0A185F;
		}
		
		#main .imgBenvinguts,
		#main .imgNoticies {
			float:left;
			margin:10px 10px 10px 0;
			border:3px solid #A9A9A9;
		}
		#main .new.floatRight {
				width:370px;
				/*height:231px;*/
				margin-top:10px;
				padding:0 10px;
		}
		.assegurances #main .new.floatRight {
			background:#E1B3B5;
		}
		.assessoria #main .new.floatRight {
			background:#DEDDB7;
		}
		.consultoria #main .new.floatRight {
			background:#B4D9AD;
		}
		.patrimonial #main .new.floatRight {
			background:#ACB9D9;
		}
			#main .new.floatRight .newDate {
				font-size:12px;
			}
			#main .new.floatRight a {
				font-size:15px;
			}

			#main .new p {
				margin:0.5em 0;
			}
			#main .new .newImg {
				float:left;
				margin:10px 10px 0 0;
				border:3px solid #A9A9A9;
			}
			#main .new .newDate {
				font:bold 10px/100% Verdana, Arial, Helvetica, sans-serif;
				margin-top:10px;
				color:#333;
			}
			#main .new a {
				font:bold 12px/120% Verdana, Arial, Helvetica, sans-serif;
				color:#000;
			}
			.assessoria #main .new a {
				color:#91910F;
			}
			.assegurances #main .new a {
				color:#9F0A1F;
			}
			.consultoria #main .new a {
				color:#11432A;
			}
			.patrimonial #main .new a {
				color:#0A185F;
			}
			
			#main .new p a.clickInfoBig {
				text-indent:-9999px;
				background:transparent url(/img/clickInfoBig.png) no-repeat;
				display:block;
				width:186px;
				height:27px;
			}
			.assessoria #main .new p a.clickInfoBig {
				background:transparent url(/img/clickInfoBig.png) no-repeat;
			}
			.assegurances #main .new p a.clickInfoBig {
				background:transparent url(/img/clickInfoBig.png) no-repeat;
			}
			.consultoria #main .new p a.clickInfoBig {
				background:transparent url(/img/clickInfoBig.png) no-repeat;
			}
			.patrimonial #main .new p a.clickInfoBig {
				background:transparent url(/img/clickInfoBig.png) no-repeat;
			}
			
			#main .new p a.clickInfoSmall {
				text-indent:-9999px;
				background:transparent url(/img/clickInfoSmall.png) no-repeat;
				display:block;
				width:126px;
				height:18px;
				margin-left:140px;
			}
			.assessoria #main .new p a.clickInfoSmall{
				background:transparent url(/img/clickInfoSmall.png) no-repeat;
			}
			.assegurances #main .new p a.clickInfoSmall {
				background:transparent url(/img/clickInfoSmall.png) no-repeat;
			}
			.consultoria #main .new p a.clickInfoSmall {
				background:transparent url(/img/clickInfoSmall.png) no-repeat;
			}
			.patrimonial #main .new p a.clickInfoSmall {
				background:transparent url(/img/clickInfoSmall.png) no-repeat;
			}
			.separador{
				border-top: 1px dotted #000;
			}
		#main #newsHome {
			border-bottom:1px solid #000;
			/*border-bottom:2px solid #000;*/
			padding:10px 0 10px 0;
		}
		.assessoria #main #newsHome {
			border-top:2px solid #91910F;
			border-bottom:2px solid #91910F;
		}
		.assegurances #main #newsHome {
			border-top:2px solid #9F0A1F;
			border-bottom:2px solid #9F0A1F;
		}
		.consultoria #main #newsHome {
			border-top:2px solid #11432A;
			border-bottom:2px solid #11432A;
		}
		.patrimonial #main #newsHome {
			border-top:2px solid #0A185F;
			border-bottom:2px solid #0A185F;
		}
		
			#main #newsHome h3 {
				font:bold 20px/130%  "Century", "Century Schoolbook", "Times New Roman", Times, serif;
			}
			#main #newsHome .new {
				width:46%;
				float:left;
				padding-right:3%;
			}
		
		#main .moreNews {
			border-top:1px solid #000;
			padding-top:10px;
		}
		.assessoria #main .moreNews {
			border-top:1px solid #91910F;
		}
		.assegurances #main .moreNews {
			border-top:1px solid #9F0A1F;
		}
		.consultoria #main .moreNews {
			border-top:1px solid #11432A;
		}
		.patrimonial #main .moreNews {
			border-top:1px solid #0A185F;
		}
			#main .moreNews a,
			#main .new a.moreInfo {
				color:#333;
			}
			
/* LATERAL (#sidebar)
--------------------------------------------- */			
#sidebar {
	float:right;
	width:250px;
	background:#f0f0f0;
}
	#sidebarInner {
		padding:0 8px;
	}
	#sidebar .box {
		background:#F7F7F7;
		border:1px solid #E4E4E4;
		margin:8px 0;
		padding:0 10px;
	}
		#sidebar .box h2,
		#sidebar .box h2 a {
			font:bold 14px/30px Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#000;
		}
		#sidebar .box ul {
			margin:-5px;
			border:1px solid #FFF;
		}
			#sidebar .box ul li a {
				font:bold 14px/25px Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
			}
		#sidebar .box h2,
		#sidebar .box h2 a,
		#sidebar .box ul,
		#sidebar .box ul li,
		#sidebar .box ul li a {
			color:#000;
		}
		.despatx #sidebar .box h2,
		.despatx #sidebar .box h2 a,
		.despatx #sidebar .box ul,
		.despatx #sidebar .box ul li,
		.despatx #sidebar .box ul li a {
			color: gray;
		}
		.assessoria #sidebar .box h2,
		.assessoria #sidebar .box h2 a,
		.assessoria #sidebar .box ul,
		.assessoria #sidebar .box ul li,
		.assessoria #sidebar .box ul li a {
			color:#91910F;
		}
		.assegurances #sidebar .box h2,
		.assegurances #sidebar .box h2 a,
		.assegurances #sidebar .box ul,
		.assegurances #sidebar .box ul li,
		.assegurances #sidebar .box ul li a {
			color:#9F0A1F;
		}
		.consultoria #sidebar .box h2,
		.consultoria #sidebar .box h2 a,
		.consultoria #sidebar .box ul,
		.consultoria #sidebar .box ul li,
		.consultoria #sidebar .box ul li a {
			color:#11432A;
		}
		.patrimonial #sidebar .box h2,
		.patrimonial #sidebar .box h2 a,
		.patrimonial #sidebar .box ul,
		.patrimonial #sidebar .box ul li,
		.patrimonial #sidebar .box ul li a {
			color:#0A185F;
		}
		#sidebar .box h2 a:hover,#sidebar .box ul li a:hover {
			color:#333;
		}
		/*.assessoria #sidebar .box ul li a.white,.assegurances #sidebar .box ul li a.white,.patrimonial #sidebar .box ul li a.white,.consultoria #sidebar .box ul li a.white {
			color: #fff;
		}*/
		#sidebar .box h2.separator,
		#sidebar .box #subNav {
			border-bottom:1px solid #E4E4E4;
			margin:0 -10px;
			padding:0 10px;
		}
		#sidebar .box #subNav {
			border-top:1px solid #E4E4E4;
			background:#FFF;
			padding:10px;
		}
		.despatx #sidebar .box #subNav ul,.noticies #sidebar .box #subNav ul {
			background:transparent url(/img/bgSubNav0.png) no-repeat;
			/*background: #a4a200;*/
		}
		.assessoria #sidebar .box #subNav ul {
			background:transparent url(/img/bgSubNav1.png) no-repeat;
			/*background: #a4a200;*/
		}
		.assegurances #sidebar .box #subNav ul {
			background:transparent url(/img/bgSubNav2.png) no-repeat;
			/*background: #b51926;*/
		}
		.consultoria #sidebar .box #subNav ul {
			background:transparent url(/img/bgSubNav3.png) no-repeat;
			/*background: #0b533b;*/
		}
		.patrimonial #sidebar .box #subNav ul {
			background:transparent url(/img/bgSubNav4.png) no-repeat;
			/*background: #002576;*/
		}
		#sidebar .box p,
		#sidebar .box label {
			font:normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
			color:#333;
		}
		#sidebar .box form {
			margin-bottom:10px;
		}
			#sidebar .box input {
				height:28px;
				width:200px;
				background:#FFF;
				border:1px solid #E4E4E4;
				font:normal 12px/28px Verdana, Arial, Helvetica, sans-serif;
				padding:0 5px;
				color:#000;
				display:block;
			}
			#sidebar .box input.floatRight {
				width:120px;
			}
			#sidebar .box label {
				line-height:30px;
			}
			#sidebar .box label.floatLeft {
				width:70px;
			}
			#sidebar .box button {
				background:#002B46 url(/img/bgButton.png) left top no-repeat;
				color:#FFF;
				display:block;
				width:93px;
				height:25px;
				font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif;
				text-align:center;
				cursor:pointer;
				margin-top:8px;
			}
	#sidebar #chat a {
		display:block;
		text-indent:-9999px;
		width:232px;
		height:84px;
		background:transparent url(/img/chatOnline.png) no-repeat;
		margin:0 1px;
	}
				
/* PIE (#footer)
--------------------------------------------- */
#footer {
	clear:both;
	background:#080705;
	color:#fff;
	text-align:center;
	
}
	#footerInner {
		width:913px;
		margin:0 auto;
		text-align:left;
		padding:25px 0 10px;
	}
	#footer p {
		font:normal 0.9em/140% Verdana, Arial, Helvetica, sans-serif;
		color:#FFF;
		margin:1.5em 0;
	}
	#footerInner ul {
		float:left;
		width:168px;
		margin-right:18px;
	}
	#footerInner ul.last {
		margin-right:0;
	}
		#footerInner ul li strong {
			font:bold 14px/25px Tahoma, Arial, Helvetica, sans-serif;
			border-bottom:2px solid #FFF;
			display:block;
			height:25px;
			margin-bottom:9px;
		}
		#footerInner ul li a {
			font:bold 11px/25px Verdana, Arial, Helvetica, sans-serif;
			border-bottom:1px solid #FFF;
			display:block;
			height:25px;
		}

		#footerInner ul.navDespatx li strong,
		#footerInner ul.navDespatx li a {
			color:#999;
			border-bottom-color:#999;
		}
		#footerInner ul.navAssessoria li strong,
		#footerInner ul.navAssessoria li a {
			color:#939317;
			border-bottom-color:#939317;
		}
		#footerInner ul.navAssegurances li strong,
		#footerInner ul.navAssegurances li a {
			color:#97001E;
			border-bottom-color:#97001E;
		}
		#footerInner ul.navConsultoria li strong,
		#footerInner ul.navConsultoria li a {
			color:#006533;
			border-bottom-color:#006533;
		}
		#footerInner ul.navPatrimonial li strong,
		#footerInner ul.navPatrimonial li a {
			color:#339;
			border-bottom-color:#339;
		}
		#footerInner ul li a:hover {
			color:#DDD;
		}
		#footer a {
			color:#FFD200;
			text-decoration:none;
		}
		#footer a:hover {
			border-bottom:1px solid #FFD200;
		}

#footerNav {
	background:#797979;
	color:#FFF;
	text-align:center;
	height:21px;
}
	#footerNav p {
		font:bold 9px/21px Arial, Helvetica, sans-serif;
	}
		#footerNav p a {
			color:#FFF;
		}
		
ul#secciones{
	list-style-type: none;
	border:1px solid #E4E4E4;
	margin:8px 0;
	padding:0 10px;
}

#formulario input{
	width: 210px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}
#formulario input.largo{
	width: 265px;
}
#formulario input.checkbox,#formulario input.radio {
	width: 25px;
	border: none;
}
#formulario select {
	width: 210px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}
#formulario textarea {
	width: 210px;
	height: 90px;
	margin-bottom: 8px;
	overflow: auto;
	border: 1px solid #c0c0c0;
}
#formulario textarea.largo{
	width: 265px;
}
#formulario label {
	display: block;
	float: left;
	text-align: left;
	width: 60px;
	padding-right: 5px;
	font: normal normal bold 10pt/17pt Arial, Helvetica, sans-serif;
}
#formulario br {
	clear: left;
}
#formulario .enviar {
	margin-top: 15px;
	width: 90px;
	border: 1px solid #c0c0c0;
}

#contenido-links{
	width:632px; overflow:hidden;
}
#contenido-links .bloque-link{
	float:left; width:200px; margin-right:5px; padding-left:5px; margin-top:20px;
}
#contenido-links img{
	border:4px solid #CCC;
}
#contenido-links .bloque-link .texto{
	height:115px; background:#CCC; padding:5px; font-size:12px;
}
#contenido-links .bloque-link .texto a,#contenido-links .bloque-link .texto a:visited{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
#contenido-links .bloque-link .texto a:hover{
	color:#666;
}

/*---------- calendario ----------*/
	#calendario {width:210px; font-size:13px;}
	#calendario .encabezadoCalendario {display:none;}
	#calendario div.tabla {position:relative; width:210px; padding-bottom:26px;}
	#calendario p {display:none;}
	#calendario ul {list-style:none;}
	#calendario ul span {display:none;}
	#calendario table {border:1px solid #bbb; border-collapse: separate; border-spacing: 0; border-width:0px 0 0 0px; width:205px;}
	#calendario table caption span {display:none;}
	#calendario table caption{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	#calendario table thead th { height:20px; background-color: #EAEAEA; border:1px solid #bbb; border-width:0px; font-weight: bold; color: black; text-align: center;}
	#calendario table tbody td {border:0px solid #bbb; border-width:0 0px 0px 0 ; text-align:center;}
	#calendario table tbody td .enlace {display:block;}
	#calendario table tbody td.diaNulo {color:#ccc;}
	
	#calNavMeses li:first-letter {text-transform:uppercase;}
	#calNavMeses li {position:absolute; top:0; }
	#calNavMeses li a {display:block; height:16px; width:16px;}
	#calNavMeses li.anterior a {background:url(go-previous.png) no-repeat 0 0;}
	#calNavMeses li.siguiente a {background:url(go-next.png) no-repeat 0 0;}
	
	#calNavYears li {bottom:0; position:absolute;}
	
	#calendario ul li.anterior {left:0;}
	#calendario ul li.siguiente {right:0;}
	
	#calendario a {color:#0000EE; text-decoration:none;}
	#calendario a:hover {color:#F7941D;}
	#calendario table tbody td.fechaHoy a {background-color: gray; color:#585858;}
	#calendario table tbody td.fechaSeleccionada a {background-color:#585858; color:#fff;}
	#calendario .red{
		color: red;
	}
	#opciones {border:1px solid #ccc; border-width:1px 0; margin:20px 0; padding:10px 0;}
	#opciones p {font-size:14px;}
	#opciones ul {list-style:none;}
	
	#commons {font-size:11px;margin-top:32px; padding-bottom:16px; text-align:center;}
	
	#opciones a, #contenedor #commons a {color:#0000EE; text-decoration:none;}
	#opciones a:hover, #contenedor #commons a:hover {color:#F7941D;}
/*---------- calendario ----------*/

#carrusel {
	position:relative;
	background: #ffffff url(/img/loading.gif) no-repeat 50% 50%; 
	height:200px;
}
#carrusel img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}