/******************** General **************************************************/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	background-color:#5c6d8f;	
	background-image:url(../img/patro_fons.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

#containerGeneral {
	width:960px;
	position:absolute;
	left:50%;
	margin-left:-480px;
	background-image:url(../img/fons_container_general.gif);
	background-repeat:repeat-y;
}

#containerCapsalera {
	width:960px;
}

#containerEsquerra{
	width:186px;
	float:left;
	background-color:#3b5c99;
}

#containerContinguts{
	width:679px;
	float:left;
	margin:9px 0 0 45px;
	margin-bottom:35px;
}

#containerPeu{
	width:960px;
	clear:both;
}

.netejarFloat{
	clear:both;
}

/***************************************** continguts **************************************/
#titolSeccio{
	width:679px;
	height:21px;
	background-image:url(../img/fons_titols_seccions.jpg);
	background-position:right;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:right;
	margin-bottom:21px;
}
	#titolSeccio div{
		padding-top:3px;
	}

#fotosContinguts{
	width:269px;
	float:left;
}

#texteContingutsEstatics{
	width:388px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;
}

/************************************************** serveis *******************************************************************/
.titolServeis {
	width:100%;
	height:30px;
	background-color:#eff4fd;
	border:1px dotted #b9cff5;
	cursor:pointer;
	margin-bottom:7px;
	font-size:14px;
}

	.titolServeis:hover {
		background-color:#f3f3f3;
		border:1px dotted #c8c8c8;
		color:#333333;
	}
	
	.titolServeis div{
		padding:9px 0 0 10px;
	}

.texteServeis {
	margin-bottom:10px;
}

#llistaServeis ul{
	padding-left:10px;
	margin:5px 0px 10px 0;
}
	#llistaServeis ul li{
		padding:7px 0 12px 0px;
		background-image:url(../img/separador_linia.gif);
		background-position:bottom left;
		background-repeat:no-repeat; 
	}
		
		/* llista dins d'una llista */
		#llistaServeis ul li ul{
			padding:10px 0 0 30px;
		}
			#llistaServeis ul li ul li{
			background-image:none;
			border-left:1px solid #c4c4c4;
			padding:0 0 0 10px;
		}

/* títols de l'apartat lloguers urbŕ i turístic */	
h2 {
	width:auto;
	background-color:#fafbfe;
	border:1px solid #d7dfec;
	padding:4px;
	font-weight:bold;
	margin-bottom:10px;
}

/************************************************** localitzar / google maps **************************************************/
#GoogleMap{
	width:100%;
	height:350px;
	overflow:hidden;
}

#txtLocalitzar{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:right;
	background-color:#e9e6dc;
	padding:10px;
	border:1px solid #9d9887;
}

/************************************************** immobles **************************************************/
#containerImmoble{
	width:679px;
}

#containerFotosImmoble{
	width:269px;
	float:left;
	text-align:right;
}

#containerInfoImmoble{
	width:386px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;
	float:right;
}

#immobleEsquerra{
	float:left;
	text-align:left;
}

#immobleDreta{
	float:right;
	text-align:right;
}

#immobleMesInfo{
	height:20px;
	text-align:right;
}

#containerDetallImmoble{
	width:386px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;
	float:right;
}

.immoblePreu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight: bold;
	text-decoration: none;
}

.immobleTitolText{
	height:62px;
}

/* requadre per població i preu dels immobles */	
h3 {
	width:auto;
	background-color:#fafbfe;
	border:1px solid #d7dfec;
	padding:4px;
	margin-bottom:10px;
}

.botons_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3b5c99;
	border: 1px solid #000000;
}

	.botons_info:hover{
		color: #FFFFFF;
		cursor:pointer;
	}

#separadorImmobles{
	width:386px;
	height:15px;
	padding:7px 0 12px 0px;
	background-image:url(../img/separador_linia.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

#immoblesCap{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align:right;
	text-decoration: none;
}

#paginacio{
	text-align:right;
}

.num_paginacio{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
}

a.link_paginacio_dreta{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #c4c4c4;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-image: url(../img/fletxa_seguent.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
	a:link.link_paginacio_dreta{	color:#000000;}
	a:visited.link_paginacio_dreta	{color:#000000}
	a:hover.link_paginacio_dreta{
		color:#FFFFFF;
		background-color:#3b5c99;
		background-image: url(../img/fletxa_seguent_blanc.gif);
		background-repeat: no-repeat;
		background-position: right center;
	}
	a:active.link_paginacio_dreta	{
		color:#FFFFFF;
		background-color:#3b5c99;
		background-image: url(../img/fletxa_seguent_blanc.gif);
		background-repeat: no-repeat;
		background-position: right center;
	}

a.link_paginacio_esquerra{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #c4c4c4;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-image: url(../img/fletxa_anterior.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
	a:link.link_paginacio_esquerra{	color:#000000;}
	a:visited.link_paginacio_esquerra	{color:#000000}
	a:hover.link_paginacio_esquerra{
		color:#FFFFFF;
		background-color:#3b5c99;
		background-image: url(../img/fletxa_anterior_blanc.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	a:active.link_paginacio_esquerra	{
		color:#FFFFFF;
		background-color:#3b5c99;
		background-image: url(../img/fletxa_anterior_blanc.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}


a.link_num_paginacio{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #c4c4c4;
	text-decoration: none;
}
	a:link.link_num_paginacio{	color:#000000;}
	a:visited.link_num_paginacio	{color:#000000}
	a:hover.link_num_paginacio{
		color:#FFFFFF;
		background-color:#3b5c99;
		border-right-color: #000000;
		border-bottom-color: #000000;
		
	}
	a:active.link_num_paginacio	{
		color:#FFFFFF;
		background-color:#3b5c99;
		border-right-color: #000000;
		border-bottom-color: #000000;
	}

/************************************************** formulari **************************************************/
#containerFormulari {
	width:388px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:left;
	line-height:20px;
}
	
	#containerFormulari p{
		line-height:normal;
		margin-bottom:10px;
		text-align:justify;
	}

.inputs{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	width:388px;
	margin-bottom:3px;
}

.textArea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	width:388px;
	height:80px;
	margin-bottom:3px;
}

.botons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #676767;
	border: 1px solid #000000;
	width:150px;
}

	.botons:hover{
		color: #FFFFFF;
		cursor:pointer;
		background-color:#3b5c99;
	}

#resultat_form_error {
	background-color:#fef5f4;
	border:1px solid #ff5e47;
	color:#e20025;
	padding:10px;
}

#resultat_form_ok {
	background-color:#f8fff3;
	border:1px solid #58bb0f;
	color:#347305;
	padding:10px;
}

#proteccio_dades {
	line-height:normal;
	margin-top:15px;
	text-align:justify;
	padding:7px;
	border:1px solid #999;
	color:#666;
	font-size:10px;
}

/*********************************** links ***********************************/
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
	a:link 		{color:#000000}
	a:visited	{color:#000000}
	a:hover		{color:#FFFFFF}
	a:active	{color:#FFFFFF}

a.link_autors{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}
	a:link.link_autors		{color:#000000}
	a:visited.link_autors	{color:#000000}
	a:hover.link_autors		{color:#FFFFFF}
	a:active.link_autors	{color:#FFFFFF}
	
a.link_arxiu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
	a:link.link_arxiu		{color:#000000}
	a:visited.link_arxiu	{color:#000000}
	a:hover.link_arxiu		{color:#676767}
	a:active.link_arxiu		{color:#676767}