/***************************************************************************/
/* Copyright (C) 2004 e-Xpert Microsystems. Todos los Derechos Reservados. */
/* Este código se distribuye bajo los términos de la licencia de Software  */
/* de e-Xpert Microsystems [1] con la esperanza de que le sea de utilidad, */
/* pero SIN GARANTÍA ALGUNA; aún sin la garantía implícita o implicada de  */
/* la COMERCIALIZACIÓN o del AJUSTE A UN PROPÓSITO PARTICULAR.             */
/*                                                                         */
/* [1] http://www.e-xpertms.com/legal/copyright-software.html              */
/*                                                                         */
/* Proyecto: clareinmoboliaria.com version 1.0 10-diciembre-2004           */
/* URI: http://www.clareinmoboliaria.com/                                  */
/***************************************************************************/

/* Documento CSS */

body {margin: 0; padding: 0; text-align: center;color: #000; background: #9fbe7b;}
acronym {border: none;}
a {text-decoration: none;}
a:link {color: rgb(179,63,96);}
a:visited {color: rgb(90,32,48);}
a:hover {text-decoration: underline;}
h3 span {display:none}

/**
 *  content container styles
 */

#clare-body{
	width: 765px; margin: 0px auto 0; padding: 0;
	background: url(../media/bg.png) 0 0 repeat-y;
	position: relative; text-align: left;
	height:auto;
}
#container {
	width: 739px; margin: 0px auto 0; padding: 0;
	position: relative; text-align: left;
}

/**
 *  top/header styles
 */

#header {
	background-color: #9fbe7b;
}

#logo { position:absolute; left:10px; top:5px; width:150px; height:150px;
}
#logo img {border:0;}
#pageTopMenu {
	background-color: #9fd5a1;
	height: 30px; width: auto;
}

#pageHeader {
	background: url(../media/picHeader.jpg) 0 0 no-repeat;
	height: 94px; width: auto;
}

#pageHeader h2 {
	position: absolute; 
	top: 35px; right: 10px; margin: 0; padding: 0; color: #ffffff;
	text-transform: lowercase; letter-spacing: 0.1em;
	font: bold italic 1.2em/1em Times, "Times New Roman", serif; text-align: right;
}

/**
 *  menu left styles
 */
#columnLeft {
	float: left;
	background: url(../media/side.jpg) repeat-y;
	width:152px;
}

#columnLeft ul {
	margin-left:10px;
	padding: 0;
}
#columnLeft li {
	list-style: url(../media/bullet.png) inside disc;
	padding:1px;
}
#columnLeft li:hover {
	list-style: url(../media/bulleton.png) inside disc;
	padding:1px;
}
#columnLeft a {
	color: #a6dda5;
	font: italic 1.15em Times, "Times New Roman", serif;
	text-transform: lowercase;
}

#columnLeft a:hover {
	color: #f8de93;
	font: italic 1.15em Times,"Times New Roman", serif;
	text-transform: lowercase;
}

#columnLeft h3 {
	margin: 0; width: 150px; height: 35px;
	background: url(../media/label_propiedades.png) 10px 50% no-repeat;
}

/**
 *  Proyect styles
 */
#proyectos {padding-left:3px}
#proyectos h3 { background-image: url(../media/label_proyectos.png); padding-top:0.5em;}
#proyectos img {float:left; width: 133px; height: 100px; margin: 4px 0 0 4px;}
#proyectos p.boxPropiedad {
	color:#FFFFFF;
	font-size:0.9em;
	font-style:italic;
	width:140px;
	text-align:center;
}
#proyectos a {
	text-decoration:none;
	padding:4px;
	color: white;
	font-weight:bold;
}
#proyectos a:hover{
	font-weight:bold;
}

/**
 * Content and content boxes
 */

#content {
	float:right;
	width:560px;
	padding-right:15px;
}
#content h3 {
	letter-spacing: 0; 
	font: italic 1.3em/1.0em Times, "Times New Roman", serif;
	color: rgb(42,92,42);
	padding:2px;
	font-weight:bold;

}
#Search h3 { background-image: url(../media/boxSearch.png); padding-top:2.8em; border:1px solid white;}

#boxNuevas h3 { background-image: url(../media/boxNuevas.gif); padding-top:2.5em;}

#content p, #boxPicOfDay p, #boxClare p, #boxNuevas p {
	font-size: 90%; line-height: 1.66em;
}
#Search h3, #boxPicOfDay h3,  #boxNuevas h3 {
	letter-spacing: 0.1em; font: italic 1.2em Times, "Times New Roman", serif;
	color: rgb(107,153,139);
}

#boxPicOfDay, #boxSearch, #boxClareSearch {
	height:auto;
	padding:0px;
	margin:0px;
}
#boxPicOfDay {float:left;width:280px;}
#boxSearch {position:relative;float:left;width:250px;}
#boxPicOfDay img {border:0px;padding:0;width:267px;height: 200px; }

#boxSearch p {padding:0;margin:0;}

/**
 * Clare msg styles.
 */
#boxClare{
	font: italic 1.1em/2 Times, "Times New Roman", serif;
	color: rgb(42,92,42);
	clear:both;
}

#boxClare span { font-weight:bold;}

#boxClare li {
	font: italic 0.9em/1.2 Times, "Times New Roman", serif;
	padding:0;margin:0;
}

#boxClare h2 {
	font: italic 1.4em/1.2 Times, "Times New Roman", serif;
	font-weight:bold;
}

#boxClare h3 {
	letter-spacing: 0; font: italic 1.0em Times, "Times New Roman", serif;
	color: rgb(42,92,42);
	padding:2px;
	font-weight:bold;
}

#boxClare a, #boxClare a:visited, #boxClare a:link {
	color: #3D6C4C;
	text-decoration:none;
	padding-left:4px;
	padding-bottom:2px;
	padding-right:4px;
	padding-top:2px;
	border-bottom:2px dashed #508D64;
	font-weight:bold;
}
#boxClare a:hover {
	color: white;
	background-color:#508D64;
	text-decoration:none;
	border-bottom:1px solid #3D6C4C;
}




/**
 * Footer styles
 */

#footer {
	font: normal 1.1em/1em Times, "Times New Roman", serif;
	color: rgb(207,216,214);
	clear: both;
	background: url(../media/bottom.gif) 0 0 no-repeat;
	background-color: #9fbe7b;
	padding-bottom: 1em;
	padding-left: 30px;
	padding-top:30px;
}

#footer a {
	color: rgb(207,216,214);
}

/**
 * Form Styles
 */
#boxSearch input, #boxSearch label, #boxSearch checkbox,#boxSearch list, #boxSearch select {
	font: italic 1.1em/1 Times, "Times New Roman", serif;
	color: rgb(42,92,42);
	margin-bottom:4px;
	border:1px solid #508d64;
	background-color: #E9F0E0;
	border-color:#9FBE7B;
}

#boxSearch input {
	display: block;
	width: 110px;
	float: left;
	margin-bottom: 10px;
}

#boxSearch label {
	display: block;
	text-align: right;
	float: left;
	width: 100px;
	padding-right: 10px;
	border:0px;
	background-color:#FFFFFF;
	border-color:#FFFFFF;
}

#boxSearch .buttonSubmit {
	background-color: #E9F0E0;
	border-color:#9FBE7B;
	margin-left:56px;
}
  
/*
 * Clare Busqueda
*/
#boxClareSearch span {
	font-size:80%;
}

#boxClareSearch input, #boxClareSearch label, #boxClareSearch checkbox,#boxClareSearch list, #boxClareSearch select, #boxClareSearch textarea{
	font: italic 1.0em/1 Times, "Times New Roman", serif;
	color: rgb(42,92,42);
	margin-bottom:4px;
	border:1px solid #508d64;
	background-color: #E9F0E0;
	border-color:#9FBE7B;
}

#boxClareSearch input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

#boxClareSearch input.oculto {
	border:0px;
}

#boxClareSearch label {
	display: block;
	text-align: right;
	float: left;
	width: 180px;
	padding-right: 10px;
	border:0px;
	background-color:#FFFFFF;
	border-color:#FFFFFF;
}

#boxClareSearch .buttonSubmit {
	background-color: #E9F0E0;
	border-color:#9FBE7B;
	margin-left:190px;
	width:100px;
	clear:both;
}


/*
 * Busqueda rapida
*/
#busquedaRapida {
	padding-left:3px;
	font-size:0.9em;
	font-style:italic;
	text-align:left;
	margin-left:4px;
	padding:4px;
	width:130px;
}
#boxBusquedaRapida h3 {
	background-image: url(../media/label_busqueda.png);
	padding-top:1em;
}


#busquedaRapida input, #busquedaRapida checkbox,#busquedaRapida list, #busquedaRapida select {
	font: italic 0.9em/1 Times, "Times New Roman", serif;
	color: rgb(42,92,42);
	margin-bottom:4px;
	border:1px solid #508d64;
	background-color: #E9F0E0;
	border-color:#9FBE7B;
}

#busquedaRapida input {
	display: block;
	width: 110px;
	margin-bottom: 10px;
}

#busquedaRapida label {
	color:#9fd5a1;
	display: block;
	width: auto;
	padding-right: 10px;
	border:0px;
	border-color:white;;
}

#busquedaRapida .buttonSubmit {
	background-color: #E9F0E0;
	border-color:#9FBE7B;
}

#busquedaRapida p{
	margin:0;
	padding:0;
}

/**
 * Properties styles
 */
 
p.listInmueble {
	font: normal 1.0em/1.0 Times, "Times New Roman", serif;
	height:100px;
	border-top:1px solid rgb(42,92,42);
	clear:both;
}
p.listInmueble img {float: left; width: 120px; height: 90px; margin: 0 8px 8px 0; }

p.listInmueble a {
	text-decoration:none;
	text-align:left;
	color: white;
	padding-left:4px;padding-right:4px;
	padding-top:2px;padding-bottom:2px;
	background-color: rgb(159,190,123);
	font-weight:bold;
}
p.listInmueble a:hover {
	text-align:left;
	background-color: rgb(159,190,123);
	text-decoration:none;
}

span.inmuebleDireccion, span.inmueblePrecio {
	width:auto; height:auto;
	line-height:1.3em;
	padding:2px;
}

span.inmuebleDireccion {float:left;text-transform:capitalize;}
span.inmueblePrecio {float:right;text-align:right;}

span.big {
	font: italic 1.2em/1.0 Times, "Times New Roman", serif;
	color: rgb(42,92,42);
	text-transform:capitalize;
}

span.clave {
	font: normal 1em/1.0 Times, "Times New Roman", serif;
	color: rgb(42,92,42);
	text-transform:uppercase;
	font-variant:small-caps;
	font-weight:bold;
}




/**
 * Front page style for new properties.
 */

#boxInmueble, #boxInmuebleRight {
	width:49%; height:auto;
	background-color:rgb(159,190,123);
	margin-bottom:20px;
}
#boxInmueble {float:left;}
#boxInmuebleRight {float:right;}
#boxInmueble img, #boxInmuebleRight img, #inmuebleDireccion img {float: left; width: 120px; height: 90px;  margin: 0 8px 8px 0; }
#boxInmueble p, #boxInmuebleRight p{
	margin:0; padding:2px;
	font: normal 0.9em/1.0 Times, "Times New Roman", serif;
	text-align:left;
}
#boxInmueble a, #boxInmuebleRight a {
	text-decoration:none;
	text-align:right;
	margin-top:8px;
	padding:4px;
	color: white;
	font-weight:bold;
	display:block;
}
#boxInmueble a:hover, #boxInmuebleRight a:hover, #listInmueble a:hover {
	text-decoration:underline;
	color: rgb(248,222,147);
}
 
/** 
 * Navigation menu
 */
 
#nav {
	width: 100%;
	float: right;
	border-top: 6px;
	margin-top:5px;
	clear:left;
}

#nav img{
	display:inline;
	float:right;
}
#nav li {
	font: bold 0.7em/1.1em Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	float: right;
	clear:left;
	margin: 0px;
	width: auto;
	/* precarga */
	border-bottom: 1px solid #4f8c63;
	margin-left:4px;
}
#nav li#leftItem {
	border-left: 1px solid #666;
}
#nav li a {
	display: block;
	padding: 6px 0px;
	background: #4f8c63 url("../media/nav.gif") bottom repeat-x;
	text-align: center;
	color: white;
	text-decoration: none;
	border-top: solid #4f8c63;
	border-left: solid #4f8c63;
	border-right: solid #4f8c63;
	border-bottom: solid #4f8c63;
	border-width: 1px;
	padding-left:10px;
	padding-right:10px;
}
#nav li a:hover {
	background: #4f8c63 url("../media/nav.gif") bottom repeat-x;
	border-top: solid #4f8c63;
	border-left: solid #4f8c63;
	border-right: solid #4f8c63;
	border-bottom: solid #4f8c63;
	color: #ffff3f;
	border-width: 1px;
}
#nav ul {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#nav img {
	border:0;
}