body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	background: url(../img/bg-buscocasa.png) top center no-repeat fixed #45494d;	
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; 
	color: #666666;
	font-weight:normal;
	margin:1px;
}

a {
	text-decoration:none; 
}
a:link {
	color: #999999;
}
a:visited {
	color: #999999;
}
a:hover {
	color: #999999;
}
a:active {
	color: #999999;
}

a.fosc {
	text-decoration:none; 
}
a:link.fosc {
	color: #333333;
}
a:visited.fosc {
	color: #333333;
}
a:hover.fosc {
	color: #333333;
	text-decoration:underline; 
}
a:active.fosc {
	color: #333333;
}

a.verd {
	text-decoration:none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
a:link.verd {
	color: #FF9900;
}
a:visited.verd {
	color: #FF9900;
}
a:hover.verd {
	text-decoration:underline; 
	color: #FF9900;
}
a:active.verd {
	color: #FF9900;
}

a.gris {
	text-decoration:underline; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
a:link.gris {
	color:#999999;
}
a:visited.gris {
	color: #999999;
}
a:hover.gris {
	color: #999999;
}
a:active.gris {
	color: #999999;
}

img
{
	border-color: #999999; 
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

hr {
	color:#CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0;
}

.petit_fosc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
	font-weight: normal;
}

.molt_petit_fosc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color:#999999;
	font-weight: normal;
}

.textegran {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

.textegran2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#663300;
	font-weight: normal;
}


.petit_fosc_negreta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	font-weight: bold;
}

.petit_clar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; 
	color: #666666;
}

.petit_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; 
	color:#fafafa;
}

.petit_clar_negreta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #ffffff;
	font-weight: bold;
}


.frm_txt_petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 80px;
}

.frm_recerca {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.frm_recerca_sel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color:#ff6600;
	color:#FFFFFF;
}

.frm_txt_portada {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	width: 80px;
	height: 10px;
	background-color:#fafafa;
}

.frm_select_petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 86px;
}

.frm_select_portada {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	width: 172px;
	height: 16px;
}

.boto_petit {
	background-color:#666666;
	border: 2px #333 outset;
	padding: 1px 4px;
	color:#FFFFFF;
	text-decoration: none;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	/*font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
}

.boto_petit:hover {
	border-style: inset;
	border-color:#CCCCCC;
	background-color: #ff6600;
	color:#FFFFFF;
	padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.frm_foto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 124px;
}

.frm_check {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: middle;	
}

.frm_select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 122px;
}

.frm_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 118px;
	height: 10px;
}

.frm_memo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 118px;
	height: 80px;
}

.frm_boto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 118px;
}

.preu {
	color:#663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}

.preu2 {
	color:#CC3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}

.preu:link {
	color: #663300;
}
.preu:visited {
	color: #663300;
}
.preu:hover {
	color: #663300;
}
.preu:active {
	color: #663300;
}

.preu_gran {
	color: #663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}

.texte_verd {
	color:#FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}

.texte_verd_petit {
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

.texte_blau {
	color: #0000CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}

.molt_petit {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

.bpa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color:#212121;
	border-color:#ff6600;
	border-style:solid;
	border-width:thin;
	color:#FFFFFF;
}

.bpa2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color:#b60a12;
	border-color:#ff6600;
	border-style:solid;
	border-width:thin;
	color:#FFFFFF;
}

.pbpa {
	padding: 0px;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}  

.blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#FFFFFF;
	font-weight: bold;
}

.vermell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color:#FF0000;
	font-weight: normal;
}

a.seguro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#ffffff;
	background-color:#666666;
	padding-left:6px;
	padding-right:6px;
	outline-width:400px;
	outline:thin;
	outline-style:solid;
	outline-color:#999999;
}
a.seguro:hover {
	color:#FFFF66;
}

.banc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#FFFFFF;
	background-color:#FF6600;
	padding-left:6px;
	padding-right:6px;
	outline-width:400px;
	outline:thin;
	outline-style:solid;
	outline-color:#999999;	
}

#menue {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width: 172px;
}

#menue ul, li {
	list-style-type: none;
}
 
#menue ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
}
 
#menue li {
	border-bottom: 1px solid #cccccc;
}

#menue li#primer {
	color: #333333;
	background: #fafafa;
	display: block;
	border-bottom: 0px;	
}

#menue li#espai {
	color: #FFFFFF;
	background: #E6E6E6;
	display: block;
	padding: 1px 0px;
}

#menue li#ultim {
	color: #FFFFFF;
	background: #c0c6cd;
	display: block;
	padding: 0% 0% 130px 0%;
	width: 120px;
}

#menue li#res {
	color:#fafafa;
	background:#999999;
	display: block;
	padding: 1px 6px;
	font-weight:bold;
}
 
#menue a {
	text-decoration: none;
	color: #333333;
	background:#fafafa;
	display: block;
	padding: 3px 6px;
}

#menue a#res {
	text-decoration: none;
	color:#CCCCCC;
	background: #375a8b;
	display: block;
	padding: 3px 6px;
	font-weight:bold;
}

#menue a#taronja {
	text-decoration: none;
	color: #333333;
	background: #FFFFCC;
	display: block;
	padding: 3px 6px;
	border: 1px solid #ff6600;
	border-width: 1px 1px 1px 1px;
}

#menue a#primer {
	text-decoration: none;
	color: #333333;
	background: #fafafa;
	display: block;
	padding: 3px 6px;
	font-weight:bold;
}

#menue a#imatge {
	display:inline;
	padding: 0px 0px;
}
 
#menue a:hover {
	background: #ff6600;
	color:#FFFFFF;
}

#menue a#res:hover {
	background: #ff6600;
}

#menue a#taronja:hover {
	color:#333333;
	background: #ff6600;
}

#tabnav {
	height: 20px;
	margin: 0;
	padding-left: 10px;
	background: url(../image/1x1gris.png) repeat-x bottom;
}

#tabnav li {
	margin: 0;
	padding: 0;
	display:inline;
	list-style-type:none;
}

#tabnav a:link, #tabnav a:visited {
	float: left;
	background: #f3f3f3;
	line-height: 14px;
	padding: 2px 10px 2px 10px;
	margin-right:4px;
	border: 1px solid #ccc;
	text-decoration:none;
	color:#4a4a4a;
	font-size: x-small;
	font-weight: bold;
}

#tabnav a:link.active, #tabnav a:visited.active {
	border-bottom: 1px solid #fff;
	background:#fff;
	color:#333;
}

#tabnav a:link.especial, #tabnav a:visited.especial {
	border-bottom: 1px solid #fff;
	background:#ff6600;
	color:#FFFFFF;
}

#tabnav a:hover {
	background:#ff6600;
	color:#FFFFFF;
}

#cuadre_groc {
	display:block;
	border:1px solid #f5e082;
	background:#ffffe5;
	text-align:left;
	font-size:12px;
	padding:8px;
}
#cuadre_groc h2 {
	font-size:12px;
	color:#cc6600;
}

/* c2punts */
.c2puntsBar { 
text-align: center;
background-color: #000;
background-image: url("../img/fons-cap.gif");
background-repeat: repeat-x;
border-bottom: 1px solid #000;
height: 20px;
}
.c2puntsFrame { width: 974px; text-align: left; margin-left: auto; margin-right: auto; background-image:  url("../img/logo-c2punts.png"); background-repeat: no-repeat; background-position: 5px 0; }
.c2puntsLinks { padding: 5px 10px 0 200px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333;}
.c2puntsLinks a, .c2puntsLinks a:link, .c2puntsLinks a:visited, .c2puntsLinks a:active { text-decoration:none; color: #bebebe; padding: 0 5px 0 5px; }
.c2puntsLinks a:hover { color: #FFF;}

#capNou {
	width: 980px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

#capNou a { text-decoration:none; color:#039; cursor:pointer; }
#capNou a:hover { text-decoration:underline; color:#ff6600;  }

#head {
	background: #FFFFFF;
	margin-bottom:10px;
	margin-top:5px;
	

}

.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	text-align:right;
}
.clar { color:#ccc }
.color { color:#ff6600 }
.color2 { color:#039 }
.usuari { padding-top:10px; font-size:12px; font-weight:bold; color:#333}

#menu {
	border:#CCC 1px solid; background:#eaeaea url(../img/bg-menu.png) top repeat-x;
	border-bottom:#999;
	height: 30px;
	line-height:29px;
	/*margin-bottom:20px;*/
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	color:#333;
}
#menu a {
	color:#333;
}

#menuSub {
	background:#999;
	height: 20px;
	line-height:19px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
	color:#FFF;

}
#menuSub a {
	color:#FFF;
}
#menuSub a:hover {
	color:#ffffe5;
}

#menu .items {
	/*margin-top:10px;*/

}
#menu .item_seleccionat {
	background:#999;
	color:#FFF;
	float:left;
	height:30px;
	padding:0 14px 0 14px;
	margin-right:10px;
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;
}
#menuSub .itemSub_seleccionat {
	background:#FFF;
	color:#000;
	float:left;
	height:16px;
	padding:0 10px 0 10px;
	margin-right:10px;
	margin-top:4px;

}
#menu .item_inactiu {
	padding:0 14px 0 14px;
	float:left;

}
#menuSub .itemSub_inactiu {
	padding:0 14px 0 14px;
	float:left;

}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url(../img/add.gif) no-repeat 10px 4px;
		margin-right:10px;
		display:block;
	}
	.delete{
		background:url(../img/delete.gif) no-repeat 10px 4px;
		margin-right:10px;
		display:block;
	}
	.user{
		background:url(../img/user.gif) no-repeat 10px 4px;
		margin-right:10px;
		display:block;
	}
	.alert{
		background:url(../img/alert.gif) no-repeat 10px 4px;
		margin-right:10px;
		display:block;
	}
	.msg{
		background:url(../img/msg.gif) no-repeat 10px 4px;
		margin-right:10px;
		display:block;
	}
	.download{
		background:url(../img/download.gif) no-repeat 10px 4px;
		margin-right:10px;
		display:block;
	}

	.lens{
		background:url(../img/lens.gif) no-repeat 10px 4px;
		margin-right:10px;
		display:block;
	}
	.info{
		background:url(../img/info.gif) no-repeat 10px 4px;
		margin-right:10px;
		display:block;
	}

#menu a.buttonPetit {
	color: #994800;
}
#menu a.buttonMitja {
	color: #994800;
}
#menu a.buttonGran {
	color: #994800;
}

.oculta {display:none;}

a.buttonPetit , a:active.buttonPetit , a:visited.buttonPetit {
	background:url(../img/boto-90.gif);
	display:inline-block; /* abans block */
	font-weight:bold;
	height:23px;
	line-height:22px;
	/*margin-bottom:14px;*/
	text-decoration:none;
	width:90px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	text-align:right;
}
a:hover.buttonPetit{
	color:#F00;
	text-decoration:underline;
	background:url(../img/boto-90-on.gif);
}
a.buttonMitja , a:active.buttonMitja , a:visited.buttonMitja{
	background:url(../img/boto-120.gif);
	display:inline-block; /* abans block */
	font-weight:bold;
	height:23px;
	line-height:22px;
	/*margin-bottom:14px;*/
	text-decoration:none;
	width:120px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	text-align:right;
}
a:hover.buttonMitja{
	color:#F00;
	text-decoration:underline;
	background:url(../img/boto-120-on.gif);
}
a.buttonGran , a:active.buttonGran , a:visited.buttonGran{
	background:url(../img/boto-150.gif);
	display:inline-block; /* abans block */
	font-weight:bold;
	height:23px;
	line-height:22px;
	/*margin-bottom:14px;*/
	text-decoration:none;
	width:150px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	text-align:right;
}
a:hover.buttonGran{
	color:#F00;
	text-decoration:underline;
	background:url(../img/boto-150-on.gif);
}

#nav {margin-left:0px;}

#nav {height: 30px; float:left; padding-left:2px;}

.buscador #menu {height:30px;position:relative;font-size:11px; margin: 0; z-index:1000; float:left; padding-right:20px; width:500px;}
.buscador #menu {
	background:none;
	border:0;
	font-size:11px;
	font-weight:normal;
	padding:0;
	color:#666;
}
.buscador #menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

.buscador #menu ul {padding:0; margin:0; list-style: none;}
.buscador #menu ul li {float:left;}
.buscador #menu ul li a {display:block; float:left;padding:0 8px 0 0;text-decoration:none; color:#666; height:30px;line-height:29px;font-size:11px; }
.buscador #menu ul li a b {display:block; float:left;padding:0 0 0 8px; text-decoration:none; color:#666; height:30px;line-height:29px;font-size:11px; cursor:pointer;}

.buscador #menu ul li div.holder {position:absolute; left:-9999px;}

.buscador #menu ul li div .leftSide {float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#fafafa;} /* esq desplegable */
.buscador #menu ul li div .rightSide {float:left; margin-left:10px; display:inline; padding:0 10px 0 0; background: #fafafa; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} /* dre desplegable */

.buscador #menu ul li:hover {position:relative;}
.buscador #menu ul li a:hover {color:#C00; background-position:right center; white-space:nowrap; position:relative; }
.buscador #menu ul li a:hover b {color:#C00; background-position:left center;}
.buscador #menu ul li a.sub:hover {color:#C00; background-position:right bottom; white-space:nowrap; position:relative;}
.buscador #menu ul li a.sub:hover b {color:#C00; background-position:left bottom;}

.buscador #menu ul li:hover > a {color:#C00; position:relative;}
.buscador #menu ul li:hover a.sub {color:#C00; background-position:right bottom; white-space:nowrap; position:relative;}
.buscador #menu ul li:hover a.sub > b {color:#C00; background-position:left bottom;}

.buscador #menu ul :hover div.holder {position:absolute; top:25px; left:4px; margin: 0; padding: 0;}

.buscador #menu ul li.right a:hover div.holder {left:auto; right:3px; top:25px;}
.buscador #menu ul li.right:hover div.holder {left:auto; right:4px; top:25px;}

.buscador #menu ul dl {width:auto; margin:5px 0 10px 0; padding:0 5px;list-style:none;}
.buscador #menu ul dl dt {padding:0 10px; margin:0; line-height:20px; background:#C00; color:#fff; white-space:nowrap;}
.buscador #menu ul dl dd {display:block; padding:0; margin:0;}
.buscador #menu ul dd a {background-image: none; display:block; height: 20px; line-height: 20px; color:#421; text-align:left; margin: 0; padding:0 10px;font-weight:normal; white-space:nowrap; float:none;}
.buscador #menu ul dd a:hover {color:#c60;}

.buscador #menu ul table td {vertical-align:top;}

#cuadre-menu {
	width:200px;
	height:150px;
	padding:8px;
	overflow-y:auto; overflow-x:hidden;
	text-align:left;
	line-height:13px;
}
.buscador #menu ul li #cuadre-menu a {
	padding:0;
	float:none;
	display:inline;
	line-height:14px;

}

#aparadorPremium {
	width: 580px;	
	margin-top:10px;
}
#aparadorPremiumFila {
	height:210px;
	width: 580px;	
	margin:10px;
	margin-bottom:20px;
}
.caixaAparadorPremium {
	width: 175px;
	height:210px;
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
	float:left;
}
#aparadorTitol {
	height:20px;
	line-height:20px;
	text-align:center;
	border-top:1px dashed #CCC; border-right:1px dashed #CCC; border-left:1px dashed #CCC;
	background:#F60;
	color:#FFF;
}
#aparadorFoto {
	height:130px;
	line-height:130px;
	text-align:center;
	border-top:1px dashed #CCC; border-right:1px dashed #CCC; border-left:1px dashed #CCC;
	padding-top:10px;
}
#aparadorDesc {
	height:60px;
	text-align:center;
	background:#fafafa;
	border:1px dashed #CCC;
}