/* CSS Document */
/* { autor: daniel.barrios(a)gmail.com } */

/*FORMULARIS*/
.bona{
	border: 1px solid #5B5549;
	background: #1A1408;
	font: normal 12px Verdana, sans serif;
	color:#FFFFFF;
	width:388px;
	padding:2px;
}

.errorOLD{
	border: 1px solid #5B5549;
	background: #1A1408;
	font: normal 12px Verdana, sans serif;
	color:#FFFFFF;
	width:388px;
	padding:2px;
}
.error, .input_contactar_error{
	border: 1px solid red;
	background: #1A1408;
	font: normal 12px Verdana, sans serif;
	color:#FFFFFF;
	width:388px;
	padding:2px;
}
.lopd_error{
border: 1px solid red;
font-size:10px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clearFloat {
	clear:both;
	font-size:1px;
	height:0px;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
	background-color:#261d0c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.neteja{clear:both;}

#cuerpo {
	width:801px;
	height:auto;
	float:none;
	clear:both;
	text-align:left;
	margin:auto;
	padding-bottom:25px;
}

/********** HEADER **********/

#header {
	width:763px;
	height:76px;
	padding:20px 0 0 38px;
}

#logo {
	float:left;
	width:158px;
	height:66px;
}

#idiomas {
	float:right;
	width:280px;
	height:70px;
	color:#fff;
	font-size:9px;
	padding-top:0px;
}

#idiomas a {
color:#decf82;
text-decoration:none;
}

#idiomas a:hover {
color:#decf82;
text-decoration:underline;
}

#imgPpal {
	width:801px;
	height:auto;
}

/********** MENU **********/

#menu {
	width:799px;
	height:24px;
	border:#B4A969 1px solid;
        background:url(../img/base.png) top left repeat-x transparent;
}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;
	clear: left;
}

#menu ul li{
	display: block;
	float: left;
	width:126px;
	height:17px;
	text-align:left;
	padding:7px 0 0 0;
	border-right:#B4A969 1px solid;
	color:#fff;
        font-weight:bold;
	font-size:10px;
        text-align:center;
        position:relative;
}
#menu ul li.linkHome{
    width:35px;
}
#menu ul li.linkHome img.icoHome, #menu ul li.linkHome img.icoHomeHover{
    width:23px;
    height:15px;
    background:url(../img/HomeCapIco.png) top center no-repeat transparent;
    border:none;
}
#menu ul li.linkHome a:hover img.icoHome, #menu ul li.linkHome img.icoHomeHover{
    background:url(../img/HomeCapIco_roll.png) top center no-repeat transparent;
}
#menu ul li img.fonsMenuCapHome{
        display:block;
        margin:0;
        padding:0;
        position:absolute;
        top:-12px;
        left:-12px;
        z-index:1;
        width:61px;
        height:48px;
}
#menu ul li .fonsMenuCap{
        display:block;
        margin:0;
        padding:0;
        position:absolute;
        top:-12px;
        left:-9px;
        z-index:1;
}
#menu ul li .txtCap{
        position:inherit;
        display:block;
        z-index:10;
}
#menu ul li a.menu_li {
	display: block;
	color:#decf82;
	font-size:10px;
	text-decoration:none;
}

#menu ul li a.menu_li:hover{
	color:#fff;
	text-decoration:none;
}

#menu ul li a.menu_li_ok {
	display: block;
	color:#decf82;
	font-size:10px;
	text-decoration:underline;
}
#main {
	float:left;
	width:801px;
	_width:850px;
	height:auto;
	margin-top:32px;
}

.titulo1 {
width:361px;
height:23px;
background-image:url(img/bg_titulo1.gif);
font-size:13px;
color:#decf82;
padding-top:10px;
}

/********** HOME **********/
#izqHome {
	float:left;
	width:361px;
	height:auto;
	margin-right:22px;
}

#derHome {
	float:left;
	width:418px;
	height:auto;
}

#joao {
	width:418px;
	height:48px;
	margin-bottom:20px;
}

.destacadas1 {
width:327px;
height:58px;
background-image:url(img/bg_1.gif);
padding:5px 5px 5px 85px;
line-height:18px;
margin-bottom:7px;
}

.destacadas2 {
width:327px;
height:58px;
background-image:url(img/bg_2.gif);
padding:5px 5px 5px 85px;
line-height:18px;
margin-bottom:7px;
}

.destacadas3 {
width:327px;
height:58px;
background-image:url(img/bg_3.gif);
padding:5px 5px 5px 85px;
line-height:18px;
margin-bottom:7px;
}

#banner_video {
	float:left;
	width:195px;
	height:124px;
	background-image:url(img/banner_video.jpg);
	margin-top:35px;
	margin-right:25px;
	color:#decf82;
	font-size:13px;
}

#banner_mapa {
	float:left;
	width:195px;
	height:124px;
	background-image:url(img/banner_mapa.jpg);
	margin-top:35px;
	color:#decf82;
	font-size:13px;
}

#boletinH {
	float:left;
	width:160px;
	height:22px;
	padding-left:35px;
	background-image:url(img/bg_boletin.gif);
	margin-top:25px;
	margin-right:25px;
	color:#decf82;
	font-size:13px;
}

#formBoletin {
float:left;
width:195px;
height:auto;
margin-right:25px;
padding-top:10px;
line-height:18px;
}

#infoContactar {
float:left;
width:195px;
height:auto;
padding-top:10px;
line-height:18px;
font-size:11px;
}

#infoContactar a, #infoContactar a:hover {
color:#fff;
text-decoration:underline;
}

#contactarH {
	float:left;
	width:160px;
	height:22px;
	padding-left:35px;
	background-image:url(img/bg_contactar.gif);
	margin-top:25px;
	color:#decf82;
	font-size:13px;
}


#banner_videoInt {
	float:left;
	width:195px;
	height:124px;
	background-image:url(img/banner_video.jpg);
	margin-top:10px;
	color:#decf82;
	font-size:13px;
}

#banner_mapaInt {
	float:left;
	width:195px;
	height:14px;
	background-image:url(img/tira_foto.jpg);
	margin-top:35px;
	color:#decf82;
	font-size:13px;
}

#boletinInt {
	float:left;
	width:160px;
	height:22px;
	padding-left:35px;
	background-image:url(img/bg_boletin.gif);
	margin-top:25px;
	color:#decf82;
	font-size:13px;
}

#formBoletinInt {
float:left;
width:195px;
height:auto;
padding-top:10px;
line-height:18px;
}

#infoContactarInt {
float:left;
width:195px;
height:auto;
padding-top:10px;
line-height:18px;
font-size:11px;
}

#infoContactarInt a, #infoContactarInt a:hover {
color:#fff;
text-decoration:underline;
}

#contactarInt {
	float:left;
	width:160px;
	height:22px;
	padding-left:35px;
	background-image:url(img/bg_contactar.gif);
	margin-top:25px;
	color:#decf82;
	font-size:13px;
}

.inputBoletin {
width:135px;
height:15px;
background-image:url(img/bg_inputBoletin.gif);
border:none;
}

.f10_decf82 {
font-size:12px;
color:#fff;
text-decoration:none;
width:10px;
}
.f10_decf82 a {
font-size:10px;
color:#decf82;
text-decoration:none;
}

.f10_decf82 a:hover {
color:#decf82;
text-decoration:underline;
}


.f12_decf82, .f12_decf82 a {
font-size:12px;
color:#decf82;
text-decoration:none;
float:left;
}

.f12_decf82 a:hover {
color:#decf82;
text-decoration:underline;
}

.btnBoletin {
width:77px;
line-height:14px;
background:url(img/bg_btnBoletin.gif) center center no-repeat;
border:none;
color:#decf82;
font-size:9px;
text-align:center;
cursor:pointer;
}
.btnBoletin:hover {
    color:#fff;
}

.btnBuscar {
width:121px;
height:25px;
background:url(img/btn_buscar.gif) center center;
border:1px solid #FE9B00;
color:#decf82;
font-size:10px;
text-align:center;
cursor:pointer;
}

.btnBuscar:hover {
    border:1px solid #fff;
}
.f19 {
font-size:19px;
}

.f13 {
font-size:13px;
}

.f13_decf82 {
font-size:13px;
color:#decf82;
}

.f10 {
font-size:10px;
}


.imgVivOcasion {
float:left;
width:141px;
height:107px;
border:#fff 1px solid;
margin-right:20px;
margin-top:25px;
}

.txtVivOcasion {
float:left;
width:198px;
height:auto;
color:#e1b72e;
margin-top:25px;
}

.ffffff {
color:#fff;
}

/********** FITXA **********/

.fitxa1{
width:455px;
}

.fitxa2{
display:none;
width:455px;
}

.text_referencia {
font-size:11px;
color:#ffffff;
float:left;
margin-top:12px;
}

a.tornar{
float:left;
border:1px solid #C3C2BD;
text-align:center;
width:75px;
padding:5px;
margin-top:10px;
margin-bottom:10px;
text-decoration:none;
color:#decf82;

}

a.tornar:hover{
text-decoration:none;
color: #261d0c;
background-color:#decf82
}

a.contactar{
text-decoration:none;
color:#decf82;
float:left;
border:1px solid #C3C2BD;
text-align:center;
width:442px;
padding:5px;
margin-top:30px;
margin-bottom:10px;
}

a.contactar:hover{
text-decoration:none;
color: #261d0c;
background-color:#decf82;
}


a.ampliar{
text-decoration:underline;
font-size:10px;
color:#DBB12B;
}

a.boto_on{
width:101px;
height:27px;
float:left;
background-image: url(img/fons_caracter.gif);
font-size:12px;
color:#ffffff;
text-align:center;
padding-top:5px;
background-position:0 -5;
text-decoration:none;
}

a.boto_on:hover{
width:101px;
height:27px;
float:left;
background-image: url(img/fons_imatges.gif);
font-size:12px;
color:#261D0C;
text-align:center;
padding-top:5px;
background-position:0 -5;
text-decoration:none;
}

a.boto_off{
width:101px;
height:27px;
float:right;
background-image: url(img/fons_imatges.gif);
font-size:12px;
color:#261D0C;
text-align:center;
padding-top:5px;
background-position:0 -5;
text-decoration:none;
}

a.boto_off:hover{
width:101px;
height:27px;
float:right;
background-image: url(img/fons_caracter.gif);
font-size:12px;
color:#ffffff;
text-align:center;
padding-top:5px;
background-position:0 -5;
text-decoration:none;
}





#titQSblanc {
width:auto;
height:24px;
font-size:19px;
color:#ffffff;
background-image:url(img/bg_titQS.gif);
}


/********** QUIENES SOMOS **********/

#colIzqQS {
float:left;
width:564px;
height:auto;
margin-right:42px;
_margin-right:35px;
}

#colDerQS {
float:left;
_float:right;
width:195px;
height:auto;
}

#titQS {
width:auto;
height:24px;
font-size:19px;
color:#decf82;
background-image:url(img/bg_titQS.gif);
}

#titQS_fitxa {
width:auto;
height:24px;
font-size:19px;
color:#E1B72E;
background-image:url(img/bg_titQS.gif);
}





#subItems, #subItems a {
width:auto;
height:auto;
color:#fff;
text-decoration:none;
font-size:10px;
padding:10px 0;
}

#subItems a:hover {
color:#decf82;
text-decoration:underline;
padding:10px 0;
}

#link_on{
text-decoration:underline;
color:#decf82;
}

.tituloQS {
width:auto;
height:auto;
font-size:19px;
font-style:italic;
padding:10px 0;
margin-bottom:20px;
}

.imgQS {
float:left;
width:187px;
height:auto;
margin-right:28px;
}

.imgQS img {
float:left;
width:185px;
height:190px;
border:#fff 1px solid;
margin-bottom:35px;
}

.dsdsds {
float:left;
width:185px;
border:#fff 1px solid;
margin-bottom:35px;
display:block
}

.txtQS {
float:left;
width:349px;
_width:340px;
height:auto;
font-size:12px;
line-height:18px;
}

.txtQS p {
margin-top:0;
}

/********** LINKS **********/

.ls-link {
	width:489px;
	height:39px;
	background-image:url(img/fons_link.gif);
	margin-left:18px;
	margin-top:35px;
}


.titLink {
width:auto;
height:20px;
color:#decf82;
padding-left:40px;
font-size:13px;
}

.link {
width:auto;
height:17px;
padding-top:2px;
padding-left:40px;
}

.link a {
color:#fff;
text-decoration:none;
}

.link a:hover {
color:#fff;
text-decoration:underline;
}

/********** CONTACTAR **********/

.txtContactar {
width:488px;
height:auto;
font-size:10px;
padding:25px 0px;
}

.tableContactar {
width:488px;
height:auto;
}

.lavel_td {
	width:100px;
	height:22px;
	font-size:10px;
}

.inputContactar {
width:386px;
height:14px;
border:#5b5549 1px solid;
background-color:#1a1408;
color:#fff;
}

.textareaContactar {
width:386px;
height:100px;
border:#5b5549 1px solid;
background-color:#1a1408;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.btn_enviar {
width:121px;
height:25px;
background-image:url(img/bg_btnContactar.gif);
border:none;
color:#612701;
font-size:11px;
}

.f10_685f50 {
	color:#685f50;
	font-size:10px;
}
.popupMail{
background-color: #261D0C;
border: 1px solid #fff;
height: 140px;
margin: auto;
width: 300px;
position:absolute;
z-index:10;
left: 30%;
top: 150px;
text-align:center;
font-size:10px;
}
.popupMail a{
text-decoration:underline;
color:#DBB12B;
}
#capa_enviat {
	z-index: 998;
	display: none;
	position: absolute;
	background-color: #4F4022;
}
/********** NOVEDADES **********/

.colI_novetats {
	float:left;
	width:200px;
	height:auto;
	margin-right:33px;
	line-height:17px;
	padding-top:20px;
}

.colD_novetats {
	float:left;
	width:330px;
	height:auto;
	line-height:17px;
	padding-top:25px;
}

.novetats_li {
	width:180px;
	padding:15px 10px;
	border-bottom:#534a29 1px solid;
}

.dot {
	color:#fd942b;
}

.fecha {
	color:#fff;
	font-size:11px;
}

.f11 {
	font-size:11px;
	padding-left:10px;
}

.f11sp {
	font-size:11px;
}

.icon_novetats {
	width:auto;
	height:21px;
	color:#fd942b;
	font-size:14px;
	margin-bottom:22px;
}

.imgNovetats {
	width:330px;
	margin-top:20px;
}

.icon_descarregar {
	width:auto;
	height:21px;
	color:#fd942b;
	font-size:11px;
	margin-bottom:22px;
}

/********** VIVIENDAS **********/

#izqViviendas {
float:left;
width:454px;
height:auto;
margin-right:38px;
_margin-right:30px;
}

#derViviendas {
float:left;
width:308px;
_width:305px;
height:auto;
}


.divisorItems {
width:auto;
height:18px;
background-image:url(img/divisorItems.gif);
}

.divisorItems282 {
width:282px;
height:18px;
background-image:url(img/divisorItems.gif);
}

.nroCasa {
width:35px;
height:25px;
background-image:url(img/picto_casa_nonumero.png);
color:#000002;
text-align:center;
padding-top:12px;
font-weight:bold;
}

.paginado {
width:auto;
height:20px;
margin-top:5px;
}

.mapUbicador {
width:308px;
height:auto;
text-align:right;
color:#e1b82a;
font-size:10px;
padding-top:15px;
margin-bottom:15px;
}

.mapDins{
margin:0px auto;
width:295px;
height:198px;
overflow:hidden;
text-align:left;
}
.mapDins p{
width:230px;
}
.mapDins a{
font-size:12px;
color:#261D0C;
text-decoration:none;
}

.inputBuscar {
width:217px;
height:18px;
border:#5b5549 1px solid;
background-color:#1a1408;
color:#fff;
}

.inputHabitaciones {
width:50px;
height:18px;
border:#5b5549 1px solid;
background-color:#1a1408;
color:#fff;
}

.selectBuscar {
width:219px;
height:18px;
border:#5b5549 1px solid;
}

/********** FOOTER **********/

#footer {
	height:108px;
	background-color:#130f06;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	border-top:#544d45 1px solid;
}

#footer #content {
	width:801px;
	float:none;
	clear:both;
	text-align:left;
	margin:0 auto;
	padding-top:10px;
}

#footer #content #infoFooter {
	float:left;
	width:600px;
	height:auto;
	font-size:10px;
}

#footer #content #lnkFooter {
	float:right;
	width:180px;
	height:auto;
	font-size:9px;
}

#by6tems {
	width:65px;
	height:27px;
	margin-top:25px;
}

#footer a {
	color:#decf82;
	text-decoration:none;
}

#footer a:hover {
	color:#decf82;
	text-decoration:underline;
}

/* LA ZONA */
.zonaImg, .zonaSituacio, .zonaVideo{
    width:185px;
    height:190px;
    margin-left:20px;
    position:relative;
    float:left;
    text-decoration:none;
}
.zonaVideo{
    width:385px;
    margin:0;
    padding:0;
}
a.zonaImg .btInmuebles, a.zonaSituacio .btInmuebles, .zonaVideo .btInmuebles{
    bottom:-35px;
}
.zonaImg img, .zonaSituacio img{
    display:block;
    width:185px;
    height:190px;
    border:1px solid #fff;
}
.zonaVideo img{
    border:1px solid #fff;
}
.zonaSituacio img{
    background:url(../img/base.png) -2px -466px no-repeat transparent;
}
.zonaImg img{
    background:url(../img/f_galeria.png) center center no-repeat transparent;
}
#flashMapa{
    cursor:pointer;
    border:1px solid #fff;
    width:185px;
    height:190px;
    display:block;
    background:url(../img/loadingFlashZona.gif) center center no-repeat transparent;
}
a.zonaImg:hover img, a.zonaVideo:hover img, a.zonaSituacio:hover #flashMapa{
    border:1px solid #DECF82;
}
img.imgVenta, img.imgLloguer{
    display:block;
    width:394px;
    height:190px;
    background:url(../img/base.png) 0 0 no-repeat transparent;
    border:1px solid #fff;
}
img.imgVenta{
    float:left;
    background-position:-2px -29px;
}
img.imgLloguer{
    float:right;
    background-position:-2px -222px;
}
a:hover img.imgVenta, a:hover img.imgLloguer{
    border:1px solid #DECF82;
}
.titQSInmuebles {
    width:auto;
    padding-top:10px;
    font-size:14px;
    color:#decf82;
    float:right;
    padding-right:70px;
    text-decoration:none;
}
a:hover .titQSInmuebles {
    color:#fff;
}
a .btInmuebles{
    position:absolute;
    bottom:-8px;
    right:0;
    width:62px;
    height:48px;
    background:url(../img/inmueblesBT.png) center center no-repeat transparent;
}
a:hover .btInmuebles{
    background:url(../img/inmueblesBT_hover.png) center center no-repeat transparent;
}
.facebook{ background:url('../img/facebook.png') no-repeat; width:20px; height:20px; display:block; float:right;}