/***************** MAQUETACIO DE LA WEB ******************************/
body.paginaInicial {
	margin:0px;	/*Para que la tabla este en la posicion 0,0 (sin margen)*/
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
	font-family:Arial, Helvetica, sans-serif;
	
}
.formatTelefon {
	

}
/* Tabla de maquetacion*/
.tableHome {
	margin:0 auto;
	width: 100%;
	/*height: 599px;*/
	height: 100%;
	border-collapse:collapse;
	align: center;
}

/* Laterales rojos de la tabla de maquetacion */
.tableHomeLateral {
	/*width: 100% / 2;*/	/* Per expandir els dos laterals vermells */
	background-color: #C10001;
}

/* Zona central de la tabla de maquetacion */
.tableHomeCentral {
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
	width: 855px;	/* Mida exacta que ha de tenir la part central de la web */
	border-collapse: collapse;
}

/* Per maquetar la colocacio dels components que es carregaran */
.tableCentre {
	width: 100%;
	border-collapse: collapse;
}

/* Per el row del logo de VallesFinques */
.rowLogo {
	height:62px;
/*	background-color:#0066FF;*/
}

/* Per la taula on hi haura la imatge capsalera i el buscador */
.tableCabeceraBuscador {
	width: 100%;
	border-collapse: collapse;
}

/* Per al TD de la imatge de capsalera */
.tdCapsalera {
	width:655px;
	height:153px;
/*	background-color:#00FFFF;*/
}

/* Per al TD del buscador */
.tdBuscador {
	width:195px;
/*	background-color:#FF0000;*/
	vertical-align:top
}

/* Per al frame del buscador */
.frameBuscador {
	
/*	width:100%;*/
/*	height: 152px;*/
}
/* Per els 2 rows de separacio que hi ha entre la capsalera-buscador i menu-iframeCarrega, i menu-iframeCarrega amb el peu */
.rowSeparacio{
/*	background-color:#0066FF;*/
	font-size:5px;
	height:10px;
}

/* Class per el iframe del menu */
.frameMenu {
/*
	height:341px;
	width:156px;
*/	
}

/* Class per el iframe de carrega */
.frameCarrega {
/*
	width:687px;
	height:341px;	
*/
}

/* Per el row del Foot amb els enllassos */
.rowFoot {
	height:32px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	padding-left:10px;
}

/* La linea vermella que fa de separador entre els enllassos del peu */
.separadorEnlaces {
	color:#C60000;
	font-size:15px;
	padding-left:5px;
	padding-right:5px;
}

/* Class per els enllassos del peu */

a.linksInferiors:link{text-decoration:none;text-decoration:none; color:#FFFFFF; font-size:10px; font-weight:bold}
a.linksInferiors:visited {text-decoration: none; color:#FFFFFF; font-size:10px; font-weight:bold}
a.linksInferiors:active {text-decoration: none; color:#FFFFFF; font-size:10px; font-weight:bold}
a.linksInferiors:hover {text-decoration: none; color:#FFFF66; font-size:10px; font-weight:bold}

.linkPaginador{text-decoration:none;color:#666666;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.linkPaginador:link{text-decoration:none;color:#666666;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.linkPaginador:hover{text-decoration:none;color:#666666; font-weight:bold;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.linkPaginador:visited{text-decoration:none;color:#666666;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.linkPaginador:active{text-decoration:none;color:#C10001;font-weight:bold;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Class per l'enllas de I-Sistem */
a.enllasISistem:link{text-decoration:none; color:#FFFFFF; font-size:10px}
a.enllasISistem:visited{text-decoration:none; color:#FFFFFF; font-size:10px}
a.enllasISistem:active{text-decoration:none; color:#FFFFFF; font-size:10px}
a.enllasISistem:hover{text-decoration:none; color:#FFFF66; font-size:10px}

/***************************** BUSCADOR ***********************************/
/* Per la pagina del buscador */
body.buscador {
	background-color:#C60001;
	/* Para las letras de los labels de los campos del buscador */
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	cursor:default;
}

.tablaBuscador {
	width: 100%;
	border-collapse: collapse;
}

/* Per els labels del buscador */
.labelBuscador {
	width: 100px;	/* Va cuadrat amb el width del selectBuscador1 */
}

/* Per els desplegables del buscador */
.selectBuscador1 {
	width:135px;
	/*height:11px;*/	/* Nomes actua en NS */
	font-size:9px;
	color:#4D4D4C;
	margin-top: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* Los borders solo se pueden modificar en NS, en IE no interpreta las siguientes rules */
	/*
	border-style: double; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px
	*/
}

/* Per els desplegables petits del buscador */
.selectBuscador2 {
	margin-top: 3px;
	margin-right: 0px;
	width:95px;
	font-size:9px;
	color:#4D4D4C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.selectBuscador3 {
	margin-top: 3px;
	margin-right: 0px;
	width:37px;
	font-size:9px;
	color:#4D4D4C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Per al textField del buscador */
.textoBuscador {
	color:#4D4D4C;
	font-size:9px;
	line-height:9px;
	width:100px;
	height:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tablapaginador{
	color:#4D4D4C;
	font-size:9px;
	line-height:9px;
	height:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Per al buto del buscador */
.butoBuscar {
	cursor:pointer;
	/*height:15px;*/
	/*margin-left:27px;*/
	margin-left:20px;
	vertical-align:middle
}

/***************************** MENU ******************************/
body.menu {
	cursor:default;
/*	background-color:#009900;*/
}

/* Per la taula amb les imatges dels butons del menu */
.tableMenu {
	
	margin:0 auto;
	height: 343px;
	border-collapse:collapse;
/*	padding-bottom:1px;*/
}

/* Per als butons del menu */
.butoMenu {
	cursor:pointer;
}

/***************************** IFRAME CARREGA *********************/
/* Class per el iframe de carrega */
body.carregaInicial {
/*	background-color:#4D4D4C;*/
	color: #FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	cursor:default;
}

/* Per la taula de maquetacio de la carregaInicial. Pisos a l'esquerra i publicitat a la dreta */
.tableCargaInicial {
	margin:0 auto;
	width: 100%;
	/*
	border-collapse:collapse;
	border-style:solid;
	border-color:red;
	border-width:1px;
	*/
}

/* Per el frame que es troba dins del frame cargaInicial. On es carregaran les publicitats */
.framePublicidad {
/*	width:125px;*/	/* Hauria de ser 132px */
/*	height:341px;*/
}

/**************************** PUBLICITAT **************************/
/* Per la taula on es carregaran les tres publicitats de la home principal */
.tablePublicitat {
	margin:0 auto;
	height:341px;
/*	background-color:#0066FF;*/
	border-collapse:collapse;
/*	border-style:solid;
	border-color:red;
	border-width:1px;
*/
}

/*************************** OFERTAS ESPECIALES HOME **************/
/* Per la taula on es carregaran les ofertes especials de la home principal */
.tableOfertas {
	border-color:#B2B2B2;
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;
	margin-left: 1px;	/* IMPRESCINDIBLE per que mostri els bordes la taula correctament */
	font-family:Arial, Helvetica, sans-serif;
	cursor:default;
}
.zonaInmueble {
	cursor:pointer;
	

}

/* Per delimitar el contingut del detall de cada inmoble. Per poder posar el overflow i que al modificarse la taula del inmoble segon el contingut, no es modifiqui la taula general de ofertes especials */
.contenidorInmoblePrincipal {
/*	height:78px;
	width:183px;
	overflow:hidden;
	text-align:center; Centrat horitzontal */
}

/* Per la imatge del arrow */
.arrow {
	margin-right:5px;
}

/* Per les lletres que indiquen la zona del inmoble en el resum de OFERTAS ESPECIALES de la HOME */
.rowZonaDetalle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#C60000;
	font-size:12px;
	padding-bottom:5px;
}

/* Per els labels de Codigo, tipo, metros i precio */
.caracteristiquesLabels {
	color:#808080;
	font-size:11px;
	line-height:11px;
	padding-left:5px;
}

/* Per els values de Codigo, tipo i metros */
.caracteristiquesValues {
	color:#333333;
	font-size:11px;
	line-height:11px;
	padding-left:5px;
}

/* Per el value del preu */
.caracteristiquesValuesPreu {
	color:#F1403A;
	font-size:11px;
	line-height:11px;	
	padding-left:5px;	
}

/********************************* EMPRESA *******************************/
/*Titol de la seccio */
.titolEmpresa {
	color:#C60001;
	font-size:18px;
	font:arial;
	margin-top:20px;

}
/*imatge de la seccio */
.imatgeSeccio {
	margin-top:140px;
	margin-left:60px;
}
/*text de benvinguda */
.textBenvinguda {
	text-align: justify;
	width:340px; 
	height:180px; 
	overflow-y:auto; 
	overflow-x:hidden;
	font:arial;
	font-size:12px;
	color:#000000;
}
/* texto de servicios */
.textServicios {
	cursor:pointer;
	color:#C60001;
	font:arial;
	font-size:11px;
	
	
  
}
/*boton de servicios */
.botonServicios {
	margin-top:5px;
	border:0;
}
/*div flotante oculto de servicios */
.ventanaServiciosOculta {
	position: absolute;
	display: none;
	

}
/*div flotante de servicios */
.ventanaServicios {
	width: 100px;
	height: 200px;
	margin-top: -490px;
	margin-left: 240px;
	position: absolute;
	float:left;
	z-index: 100%;
   
  
   }

/*div flotante de servicios */
.ventanaCuota {
	width: 100px;
	height: 200px;
	margin-top: -490px;
	margin-left: 40px;
	position: absolute;
	float:left;
	z-index: 100%;
   
  
   }
/*boton para cerrar div flotante*/
.botoOcult {
	display: none;
	
}

/************************* AVISO LEGAL Y PRIVACIDAD **********************/

/* Formato del texto del aviso legal y el texto de privacidad */

.formatoAvisoLegalPrivacidad {
	padding-left:30px;
	padding-right:30px;
	font:arial;
	font-size:10px;
	color:#000000;

}

/* Subapartados del aviso legal */

.subapartadoAvisoLegal { 
	font:arial;
	font-size:10px;
	margin-bottom:5px;
}



/**********************************OBRA NUEVA******************************/
/*Titol de la seccio */
.titolObraNueva {
	color:#C60001;
	font-size:18px;
	font:arial;
	margin-top:20px;

}
/*Titulo de las columnas */
.tituloColumna {
	font-size: 12px;
	font: arial;
	font-weight:bold;
	color: #C60001;
	padding-left: 10px;
	margin-bottom: 3px;
}

/*Referencia de la columna */
.referenciaColumna {
	font-size: 9px;
	font: arial;
	color: #000000;
	padding-left: 10px;
	font-weight:bold;
	margin-bottom: 3px;
}

/*Imagen de la columna */
.imagenColumna {
	padding-left: 10px;
}

/*descripcion de la columna */
.descripcionColumna {
	text-align: justify;
	margin-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	font: arial;
	color: #000000;
	margin-top: 10px;
	width:120px;
	height: 200px;
	position: absolute;
	overflow:hidden;
}
/*precio de la columna */
.precioEurosColumna {
	
	padding-left: 10px;
	font-size: 12px;
	font: arial;
	color: #F1403A;
	font-weight:bold;
	/*padding-top: 220px;*/
	/*padding-bottom: 0px;*/
	
}

/*precio de la columna */
.precioColumna {
	
	padding-left: 10px;
	font-size: 11px;
	font: arial;
	color: #000000;
	font-weight:bold;
	
	
}

/*links de la seccion de obra nueva */
.linksObraNueva {
	text-decoration: none;
	font-size: 11px;
	font: arial;
	font-weight:bold;
	color: #C60001;
	/*padding-left: 10px;*/
	
	
	
}
/*links de la seccion de obra nueva */
.linksNumeroObraNueva {
	text-decoration: none;
	font-size: 12px;
	font: arial;
	font-weight:bold;
	color: #000000;
	padding-left: 10px;
	
}
/* texto de servicios */
.textServiciosNegrita {
	cursor:pointer;
	color:#C60001;
	font:arial;
	font-size:11px;
	font-weight: bold;
	
  
}





/********************************CONTACTO******************************************/

/*Titol de la seccio */
.titolContacto {
	color:#C60001;
	font-size:18px;
	font:arial;
	margin-top:20px;
	font-weight: bold;
	

}
/*Nombres de los campos del formulario */
.textoCamposFormulario {
	color:#000000;
	font-size:11px;
	font:Arial;
	
	font-weight: bold;
	text-align:left;
	

}
/*Nombres de los campos del formulario */
.camposFormulario {
	margin-top: 6px;
	background-color: #eceded;
	border: 0px;
	
	
}
.paginaSeleccionada{
	text-decoration: none;
	font-size: 12px;
	font: arial;
	font-weight:bold;
	color: #000000;
	
	

}
.paginaNoSeleccionada{
	text-decoration: none;
	font-size: 11px;
	font: arial;
	font-weight:bold;
	color: #c60001;
	
	

}






/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/