/************************************************** Estructura General **************************************************/
body{
	background-color:#f2f2ed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#neteja_floats {
	clear:both;
}

#container_central {
	width:960px;
	position:relative; 
	left:50%;
	margin-left:-480px;
	margin-top:25px;
	/*min-height:390px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

#menu_esquerra{
	width:230px;
	float:left;
}

#cos{
	width:730px;
	float:right;
}

#peu_pag {
	width:100%;
	background-color:#fff;
	border-top:1px dotted #999;
	margin-top:25px;
	padding-top: 10px;
	height:30px;
}

/************************************************** cos de la pagina **************************************************/

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}

#text_apartament{
	width: 333px;
	float: left;
}

#fotos_apartament{
	width:375px;
	float: right;
}
.icones_apartament{
	height:69px;
	margin-top: 20px;
}

.important{
	font-size:11px;
	margin-top: 15px;
}

.preus{
	font-size:14px;
	margin: 15px 0 5px 0;
	border-bottom: 1px solid #CCC;
}

/************************************************** cos apartaments **************************************************/
#thumbs_individuals {
	float:left;
	width: 80px;
	height: 80px;
	padding: 4px;
	margin-top:10px;
	margin-left:4px;
}
	#thumbs_individuals div {
		display:table-cell; /*(només per FireFox) ja hem dit que actui com una taula, ara aquesta capa actua com una cel·la*/
		vertical-align:middle; /*(només per FireFox) ja li podem dir que faci el vertical-align com si fos una tuala*/
	}
	
.fotosPresentacio{
	border: 2px solid #975d1e;
}

	.fotosPresentacio:hover{
		border: 2px solid #bb8930;	
		cursor:pointer;
	}

/********************************** tooltips *************************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#tooltip h3, #tooltip div { margin: 0; }

#titol_relacionats {
	background-color:#9aff03;
	margin-top:15px;
	border:1px solid #666;
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#000;
}


/************************************************** formulari i localització **************************************************/
#container_formulari {
	width:100%;
}
	
	#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:100%;
	margin-bottom:3px;
}

.textArea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	width:100%;
	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:#000;
	}

.proteccioDades {
	font-size:11px;
	color:#999;
}

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

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

#localitzacio {
	width:100%;
	margin:15px 10px 0 0;
	text-align:right;
}

#GoogleMap{
	width:100%;
	height:300px;
	overflow:hidden;
}