body {
	background: #a8b2af url(images/bg-main.gif) repeat-x left top;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
}

/* ---------- LAYOUT ---------- */
#navegacion { position:absolute; left:0px; top:0px; width:766px; height:40px; background: url(images/bg-navegacion.gif) no-repeat left top; z-index: 95; }
#bloque { position:absolute; left:0px; top:0px; width:766px; height:250px; background: #a8b2af url(images/bg-billboard.gif) no-repeat left top;  }
#presentacion { position: absolute; top: 25px; left: 35px; background: #e6f1f7; }
#menus { position:absolute; left:0px; top:250px; width:766px; height:83px; background: transparent url(images/bg-menus.gif) repeat-y left top;  }

#wrapper { width: 766px; margin: 0; padding: 166px 0 0 0; background: #a8b2af url("images/bg-wrapper.gif") repeat-y left top; }
body#home #wrapper { width: 766px; margin: 0; padding: 390px 0 0 0; background: #a8b2af url("images/bg-wrapper-home.gif") repeat-y left top; }

#texto { width: 205px; margin: 0; padding: 0px 0 0px 50px; float: left; }
#contenido{width: 480px; margin: 0px 0 0px 10px; padding: 0; float: left;}
#contenido p {margin-right: 15px;}
#main-column { width: 365px; margin: 0; padding: 0 15px 0 65px;  float: left; }
#side-column { width: 275px; margin: 0; padding: 0 15px 0 15px;  float: left; }

body#product #main-column { width: 355px; height: 475px; margin: 0; padding: 0 15px 0 65px;  float: left; }


#footer {  margin: 0; padding: 0; background: #9aa19f url("images/bg-footer.gif") no-repeat left top; }
body#home #footer {  margin: 0; padding: 0; background: #9aa19f url("images/bg-footer-home.gif") repeat-y left top; }
body#product #footer {  margin: 0; padding: 0; background: #9aa19f url("images/bg-footer-product.gif") repeat-y left top; }
#phone { position:absolute; left:465px; top:763px; width:272px; text-align: right; z-index:99; }
#photodiv {
  background-repeat: no-repeat;
}
/* enlaces */
a:link { color: #3b4956; text-decoration: underline;  }
a:visited { color: #666; text-decoration: none;  }
a:hover { color: #de7008; text-decoration: none; }

div#navegacion ul li a:link, div#navegacion ul li a:visited { color: #f5f5f5; text-decoration: none; border: none; }
div#navegacion ul li a:hover { color:#ddeeba; border: none; }

div#navegacion ul li a#here:link { background: #de7008; padding: 10px 4px 14px 4px; }
div#navegacion ul li a#here:visited { background: #de7008; padding: 10px 4px 14px 4px; }
div#navegacion ul li a#here:hover { background: #de7008; padding: 10px 4px 14px 4px; color: #444 }

div#feature a:link, div#feature a:visited { color: #ddeeba; border-bottom: 1px dotted #ddeeba; }
div#feature a:hover { color: #ff9; border-bottom: 1px dotted #ff0; }

a.button:link, a.button:visited { font-size: 10px; color: #fff; background: #de7008; padding: 1px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border:none; }
a.button:hover { background: #586980; border:none; }

div#footer a:link, div#footer a:visited { font-size: 10px; color: #999; text-decoration: none; border: none;  }
div#footer a:hover { color: #fff; border-bottom: 1px dotted #fff;  }
a img{ 	border: none;}
/* navegacion*/
div#navegacion ul { text-align: right; list-style-type: none; margin: 9px 30px 0 0; padding: 0; font-size: 11px; }
div#navegacion ul li { display: inline; margin: 0; padding: 0 0 0 15px; }
div#menus ul { margin: 0; padding: 0; list-style-type: none; font-family: Helvetica, Arial, sans-serif;  }
div#menus ul li { font-size: 12px; text-transform: uppercase; }
div#menus ul li a { text-decoration: none; }
div#menus ul li a#men-inmobiliaria { position: absolute; top: 0; left: 35px; width: 223px; height: 23px; display: block;  padding: 60px 0 0 15px; border: none;  }
div#menus ul li a#men-inmobiliaria:link, div#menus ul li a#men-inmobiliaria:visited { color: #333; border: none; }
div#menus ul li a#men-inmobiliaria:hover { background: #bcd1bb; border: none; }
div#menus ul li a#men-construccion { position: absolute; top: 0px; left: 273px; width: 224px; height: 23px; display: block;  padding: 60px 0 0 15px; border: none; }
div#menus ul li a#men-construccion:link, div#menus ul li a#men-construccion:visited { color: #333; border: none; }
div#menus ul li a#men-construccion:hover { background: #ddd; border: none; }
div#menus ul li a#men-promocion { position: absolute; top: 0px; left: 512px; width: 223px; height: 23px; display: block;  padding: 60px 0 0 15px; border: none;   }
div#menus ul li a#men-promocion:link, div#menus ul li a#men-promocion:visited { color: #333; border: none; }
div#menus ul li a#men-promocion:hover { background: #eee; border: none; }


/* textos */
h1,h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase }
p, ul, ol, dl { font-family: Tahoma, Verdana, sans-serif; color: #333; }

h1 { margin: 0 0 .5em 0; padding: 0; font-size: 25px; line-height: 26px; color: #5C6767; }
h2 {font-weight:normal;letter-spacing:-1px;font-size:1.2em;margin:12px 0px 0px 0px;font-style:italic;color:Rgb(95,166,217);border-bottom:1px solid Rgb(179,220,240);padding-bottom:8px;}
h3 { margin: 1em 0 .25em 0; padding: 0; font-size: 18px; color: #333; }
h4 { margin: 1em 0 .25em 0; padding: 0; font-size: 16px; color: #333; }

p { margin: .50em 0 1.75em 0; padding: 0; font-size: 12px; line-height: 19px;  }
blockquote { background: url(..images/img-quote.gif) no-repeat left top; margin: 1em 1em 0 0; }
blockquote p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding: 6px 0 0 28px; margin: 0 0 5px 0; line-height: 21px; }
blockquote p.cite { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #999; text-transform: uppercase; text-align: right; margin: 0 0 1em 0; padding: 0; letter-spacing: 2px; }

div#side-column ul { margin: 0; padding: 0; font-size: 12px; list-style-type: none; }
div#side-column ul li { margin: 0; padding: 2px 0 2px 14px; line-height: 16px; background: url(images/icon-bullet.gif) no-repeat 0px 5px; }
div#side-column p { font-size: 11px; line-height: 16px; }

#texto p { font-size: 11px; line-height: 18px; color: #666; margin: 0; padding: 0; }
body#home #footer p { margin: 0; padding: 15px 0 15px 48px; color: #999; font-size: 10px; }
#footer p { margin: 0; padding: 18px 0 10px 48px; color: #999; font-size: 10px; text-transform: uppercase;}
#phone p { margin: 0; padding: 0; color: #eee; font-size: 12px; }

/* varios */
#contacto {
	width:450px;
	margin:10px auto 10px auto;
}
form {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin : 0;
	padding : 0;
}
fieldset {
	float : left;
	margin : 0 .5em 0 .5em;
	padding : 1em;
	border : 1px solid #F44800;
	background : #fff;
}
fieldset div {
	width:180px; /* Width for modern browsers */
	border:0px solid #B5CCBA;
	margin:0 auto 0 auto;
	padding:1px;
}

* html fieldset div {
	width: 200px; /* Width for IE5 */
	w\idth: 180px; /* Width for IE6 */
}

fieldset div input {
	width: 176px; /* Width for modern browsers */
	border : 3px double #F44800;
	padding : 1px;
}

* html fieldset div input {
	width: 180px; /* Width for IE5 */
	w\idth: 176px; /* Width for IE6 */
}
fieldset div br {
	display : none;
}
legend {
	font-weight : bold;
	color : #333;
	margin : 0;
	padding : 0.5em;
}
label {
	display : block;
}
label em {
	font-style : normal;
	text-decoration : underline;
	color : #900;
}
input#submit {
	border: 3px double #ddd;
	border-top-color: #CCC;
	border-left-color: #CCC;
	margin:5px 4px 5px 4px;
	color: #333;
	font-size:100%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
input#counter:active, input#submit:active {
	border: 3px double #F44800;
	border-top-color: #999;
	border-left-color: #999;
	}
textarea {
	padding: 0;
	margin:5px auto 10px auto;
	background: #fafbfc;
	border : 3px double #ddd;
	width: 280px;
	height:180px;
}
input:hover, textarea:hover {
	background:#fff;
}
input:focus, textarea:focus {
	border : 3px double #666;
	background:#fff;
}


/* varios */
#contenido ul {
	margin-left: 17px;
	list-style: none;
	font-size: 12px;
}

#contenido ul li {
	background: url(images/bullet_green.jpg) no-repeat 0px 2px;
	padding-left: 20px;
}

#texto ul{
	margin:0.8em 0 0.6em 1em;
	padding-left:1em;
	list-style-type:square;
	font-size: 12px;
}


 /* BANNERS DE LAS PROMCIONES */

#banner1, #banner2, #banner3, #banner4, #banner5, #banner6 {
	margin: 10px 0 0 0;
	padding: 0;
	width: 450px;
	height: 70px;
	}

#banner1	{
  /* Opera uses this background for the rollover effect. */
	background: url(images/atrio_b.gif) no-repeat 1px;
	}	

#banner2	{
  /* Opera uses this background for the rollover effect. */
	background: url(images/metropoli_b.gif) no-repeat 1px;
	}	

#banner3	{
  /* Opera uses this background for the rollover effect. */
	background: url(images/santroc_b.gif) no-repeat 1px;
	}	
#banner4	{
  /* Opera uses this background for the rollover effect. */
	background: url(images/noulas_b.gif) no-repeat 1px;
	}	
#banner5	{
  /* Opera uses this background for the rollover effect. */
	background: url(images/picaio_b.gif) no-repeat 1px;
	}	
#banner6	{
  /* Opera uses this background for the rollover effect. */
	background: url(images/alcalaten_b.gif) no-repeat 1px;
	}	



#metropoli, #atrio, #santroc, #noulas, #picaio, #alcalaten {
	display: block;
	padding: 0;
	border: 1px solid #fff;
	background: url(/i/bans/hc100banp2.gif) no-repeat 1px; 
	background-position: 0px;
	width: 450px;
	height: 70px;
	voice-family: "\"}\"";  
	voice-family: inherit;   
	width: 450px;
	height: 70px; 
	}

html>body #canet, html>body #atrio, html>body #santroc, html>body #noulas, html>body #picaio, html>body #alcalaten {
	width: 450px;
	height: 70px; /* Be nice to Opera */
	}

#atrio {
	background-image: url(images/atrio.gif);
	}
#metropoli 	
  {
	background-image: url(images/metropoli.gif);
	}
#santroc {
	background-image: url(images/santroc.gif);
	}
#noulas {
	background-image: url(images/noulas.gif);
	}
#picaio {
	background-image: url(images/picaio.gif);
	}	
#alcalaten {
	background-image: url(images/alcalaten.gif);
	}			
a#metropoli:hover {
	background-image: url(images/metropoli_b.gif);
	border: 1px solid #fff;
	}
a#atrio:hover {
	background-image: url(images/atrio_b.gif);
	border: 1px solid #fff;
	}
a#santroc:hover {
	background-image: url(images/santroc_b.gif);
	border: 1px solid #fff;
	}
a#noulas:hover {
	background-image: url(images/noulas_b.gif);
	border: 1px solid #fff;
	}
a#picaio:hover {
	background-image: url(images/picaio_b.gif);
	border: 1px solid #fff;
	}
a#alcalaten:hover {
	background-image: url(images/alcalaten_b.gif);
	border: 1px solid #fff;
	}			

.alt {
	display: none;
	}