/* CSS Document */

body { margin:0; font-family:Arial, Helvetica, sans-serif; background:url(../img/cap.jpg) no-repeat top center; }

#wrap { width:935px; height:229px; margin:0 auto;  }


/* Top */

#top { float:left; height:105px; width:935px;}
.logo { float:left; padding:0px 120px 0 10px;  }

.col_left { float:left; width:285px; padding:0 10px; }
.col_img { float:left; width:285px; padding:0; }
.col_right { float:right; width:588px;}


/* Header */

#header { float:left; width:935px;  }
#text { float:left; font:13px Cambria, Times, serif; line-height:18px; color:#666; padding: 0px 0px 20px 0px; margin-right:20px}
#text h2 { font:italic 14px Cambria, Times, serif; color:#000;padding-bottom:60px}

#img {float:left; width:372px; }

.box { float:left; width:262px; font:13px Arial, Helvetica, sans-serif; color:#999; margin:10px 0; }
.box h3 { font:normal 15px Helvetica, Arial, sans-serif; color:#333; margin:0 0 4px 0; text-transform:uppercase; } 

#desc { float:left; width:280px; text-align:center; padding-left:42px; }
.center { padding-top:10px; }
.cap_img{ float:left; padding:8px; border:1px solid #ccc; background-color: #ffffff; margin-left:10px}


/* Row 1 */

#row_tit { float:left; width:935px;border-bottom:1px solid #cccccc; }
#row_tit h4 { display:block; font:16px Helvetica, Arial, sans-serif; color:#cfa967; text-transform:uppercase; letter-spacing:1px; padding-bottom:10px; margin:0; }
#row_tit .col_left { float:left; width:285px; padding:0px;padding-left:30px}

#row { float:left; width:935px; padding-top:10px; padding-bottom:30px }
#row .col_left { float:left; width:285px; padding:0px;margin:0px; padding-left:30px}
#row .col_right { float:right; width:558px; padding-right:30px;}
#row h2 { font:normal 28px Helvetica, Arial, sans-serif; color:#6f6f6f;padding:0px 0px 10px 0px;margin:0px;}
.prod { width:230px; margin:0 0 20px 43px; font:italic 13px Arial, Helvetica, sans-serif; color:#999; }

.box_edifici { float:left; width:400px;  }
.box_edifici img { float:left; padding:8px; border:1px solid #ccc; margin-right:10px; background-color: #ffffff; margin-bottom:10px; }

/* Row 2 */

#row2 { float:left; width:935px; height:400px; background:#eee; }
#row2 .col_left { float:left; width:285px; padding:0px 30px;margin:0px;}
#row2 .col_right { float:right; width:588px; padding-top:40px;}

h4 { display:block; font:16px Helvetica, Arial, sans-serif; color:#cfa967; text-transform:uppercase; letter-spacing:1px; padding-bottom:20px; margin:0; }
h4.feat { height:30px; padding-left:28px; padding-top:4px; background:url(../img/star.gif) no-repeat; padding-bottom:15px; color:#333; }
h4.mail { height:30px; padding-left:28px; padding-top:4px; background:url(../img/mail.gif) no-repeat; padding-bottom:15px; color:#333; }
p.links { float:left; width:140px; margin:0; padding:0; font:13px Arial, Helvetica, sans-serif; }
p.links a:link { color:#666; text-decoration:none;  }
p.links a:hover { color:#666; text-decoration:underline; }
p.links a:visited { color:#999; text-decoration:none; }

.cont_desc { float:left; width:180px; font:12px Arial, Helvetica, sans-serif; color:#999; }

/* Pisos */

#piso { padding-bottom:20px; }
.tipo {font-size:18px; font-family: Helvetica, Arial, sans-serif; color:#000000;  padding-top:8px;}
.descripcion {font-size:12px; font-family:  Helvetica, Arial, sans-serif; line-height: 17px; color:#6f6f6f; padding:8px 0px 8px 0px; }

.box_piso { float:left; width:400px;  }
.box_piso img { float:left; padding:8px; border:1px solid #ccc; margin-right:10px; margin-top: 10px; background-color: #ffffff; }

.dades{text-align:right; height:40px; padding-top:48px  }
.preu{font-weight:bold; font-size:20px; font-family:Helvetica, Arial, sans-serif; color:#6f6f6f; }
.nota{font-weight:bold; text-transform: uppercase; font-size:11px; font-family:Helvetica, Arial, sans-serif; color:#000000;}

/* Footer */

#footer { float:left; width:935px; height:180px; background:#222; margin-right:-3px; }
#footer h1 { font:normal 18px Helvetica, Arial, sans-serif; color:#fff; margin:40px 0 5px 0;  }
#footer p { font:12px Arial, Helvetica, sans-serif; color:#aaa; margin:0; }
#footer a:link, #footer a:visited { color:#aaa; }
#footer a:hover { text-decoration:none; }
#footer .col_left { float:left; width:285px; padding:0px 30px;margin:0px;}

#signature { font:italic 12px Arial, Helvetica, sans-serif; color:#444; text-align:right; padding-right:40px; padding-top:128px;}
#signature a:link, #signature a:visited { color:#666; }
#signature a:hover { text-decoration:none; }


.slogan { margin-top:5px; }

.img_l { float:left; }
.img_r { float:right; }


/* CONTACT FORM */

fieldset { border:0; margin:0;padding:0; }
label { display:block; }
form {margin:0; padding:0;}
input.text,textarea { width:280px;font:12px Arial, Helvetica, sans-serif; color:#333; padding:3px; margin:1px 0; border:1px solid #ddd; background:#ddd; }
input.submit { font:bold 14px Arial, Helvetica, sans-serif; margin-top:5px; color:#333; margin-bottom:15px; width:80px; height:27px; }
#contactFormArea { float:left; font-family:Arial, Helvetica, sans-serif; color:#bbb; padding-left:15px; }
#contactFormArea strong { font:normal 12px Arial, Helvetica, sans-serif; color:#bbb; letter-spacing:1px;  }
#contactFormArea p { margin:0; padding:0; }
.error_message{
	color: #ff0000;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.ok_message{
	color: green;
	font:normal 12px Arial, Helvetica, sans-serif;}


/* generic */
.img_l { float:left; margin-right:3px; }
.logo { float:left; margin-right:3px; margin-top:45px; }
.back { float:right;}
.back a:link, .back a:visited { font:12px Arial, Helvetica, sans-serif; color:#ccc; }
.back a:hover { text-decoration:none; }