@charset "utf-8";
/* CSS Document */

/* Reset
-----------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style:none;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
/* Div 100% alto
-----------------------------------------------------------------------*/
html, body {
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #454545;
	margin: 0px;
	padding: 0px;
	background-image: url(imagenes/fondo.png);
	background-repeat: repeat-x;
	background-color: #EBEBEB;
}
html>body #all {
	height: auto;
	min-height: 100%;
}
#wrapper {
	height:100%;
}
#all {
	height: 100%;
	position: relative;
}
/* Encabezado
-----------------------------------------------------------------------*/
#encabezado {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 180px;
	background-image: url(imagenes/logo_vivani.png);
	background-repeat: no-repeat;
	background-position: left;
}
		/*Alinea la direccion a la derecha*/
		#encabezado p {
		color: #FFFFFF;
		text-align: right;
		margin-right: 10px;
		padding-top: 10px;
		}
/* Contenedor
-----------------------------------------------------------------------*/
#contenedor {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
/* Menu buscador de Propiedades
----------------------------------------------------------------------*/
#buscador  {
	width: 630px;
	text-align: right;
	position: relative;
	z-index: 100;
	float: right;
	margin-top: 58px;
}
/* 1 nivel------------------------------------------------------------*/
/* flota la lista para hacerla horizontal y con posicion relativa para poder controlar la posicion del menu dropdown */
#buscador ul li {
	float: left;
	position: relative;
}
	#buscador ul li.resto {
		margin-left: 10px;
		margin-right: 10px;
	}
	#buscador ul li.contacto {
		margin-left: 170px;
	}
		/* estilo para links del nivel 1 */
		#buscador ul a {
		display: block;
		text-decoration: none;
		color: #FFF;
		height: 23px;
		padding-top: 9px;
		}
		/* estilo para hover del nivel 1 */
		#buscador ul a:hover {
		text-decoration: none;
		background-image: url(imagenes/btn_flecha.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		color: #D1D1D1;
		}	
/* 2 nivel------------------------------------------------------------*/
/* esconde el nivel 2y3 y da posicion absoluta asi no ocupan espacio */
#buscador ul ol.propiedad, #buscador ul ol.ambientes {
	visibility: hidden;
	position: absolute;
	height: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 500px;
}
	#buscador ul ol.propiedad li {
	font-size: 11px;
	padding-right: 16px;
	display: inline;
	}
	 #buscador ul ol.ambientes li {
	font-size: 11px;
	display: inline;
	float: left;
	padding-right: 10px;
	}
		/* estilo para links del nivel 2 */
		#buscador ul ol.propiedad  a, #buscador ul ol.propiedad  a:visited {
		display: block;
		height: auto;
		height: 16px;
		color: #000;
		padding-top: 7px;
		}
		/* estilo para hover del nivel 2 */
		#buscador ul ol.propiedad  a:hover {
		color: #707070;
		background-image: none;
		}
/* hace visible el nivel 2 cuando active en lista o link del nivel 1 */
#buscador ul li:hover ol.propiedad , #buscador ul a:hover ol.propiedad {
	visibility: visible;
}
/* 3 nivel---------------------------------------------------------*/
/* estilo para links del nivel 3 */
		#buscador ul ol.ambientes a, #buscador ul ol.ambientes a:visited {
		color: #B00000;
		height: 16px;
		padding-top: 3px;
		}
		/* estilo para hover del nivel 3 */
		#buscador ul ol.ambientes a:hover {
		color: #BE413A;
		background-image: none;
		}
/* hace visible el nivel 3 cuando active en lista o link del nivel 1 */
#buscador ol.propiedad li:hover ol.ambientes, #buscador ol.propiedad a:hover ol.ambientes {
	visibility: visible;
}
/* Hacks-------------------------------------------------*/
/* hack para que se corriga la faulty box model en IE5.5 */
* html #buscador a, * html #buscador a:visited {
	width: 1px;	
}

* html #buscador ol.ambientes a.ancho80{
	text-align: left;
	width: 80px;
}
* html #buscador ol.ambientes a.ancho40  {
	text-align: left;
	width: 30px;
}
/* otro hack para IE5.5 */
* html #buscador ul ol.propiedad {
	top: 30px;
	top: 30px;
}
* html #buscador ul ol.ambientes {
	top: 25px;
	top: 24px;
}
/* otro hack mas para IE5.5 */
* html #buscador ul ol a {
	width: 1px;
	width: 1px;
}
/* Columna
-----------------------------------------------------------------------*/
#columna {
	float: left;
	width: 260px;
	background-image: url(imagenes/fondo_columna2.png);
	height: 300px;
}
	#columna p {
	padding-left: 60px;
	padding-top: 25px;
	font-size: 16px;
	line-height: 23px;
	color: #CA2F2F;
	font-weight: bold;
	}
		#columna p .slogan{
	font-size: 18px;
	color: #6A6A6A;
		}
/* Contenido
-----------------------------------------------------------------------*/
#contenido {
	float: right;
	width: 610px;
	text-align: left;
}
/*Titulo de la seccion*/
#contenido h2 {
	font-size: 20px;
	color: #BC0000;
	font-weight: normal;
	padding-bottom: 15px;
	text-transform: uppercase;
}
/*Subtitulo de la seccion*/
#contenido h3 {
	font-size: 16px;
	text-transform: uppercase;
	color: #303030;
	padding-bottom: 5px;
	background-image: url(imagenes/flecha.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 12px;
}
#contenido p {
	padding-bottom: 20px;
	padding-right: 20px;
}
/* Home
-----------------------------------------------------------------------*/
#home {
	float: right;
	width: 610px;
	text-align: left;
}
/*Parrafo destacado, incluye el fondo*/
.presentacion {
	font-size: 13.5px;
	line-height: 19px;
	font-weight: normal;
	background-repeat: no-repeat;
	padding-top: 19px;
	padding-right: 60px;
	padding-left: 38px;
	height: 180px;
	color: #000000;
	background-image: url(imagenes/home/fondo_destacado.png);
}
.presentacion_titulo {
	font-size: 16px;
	text-transform: uppercase;
	color: #BC0000;
	line-height: 30px;
	font-weight: bold;
}
/*Destacados del home*/
/*Caracteristicas grales y fondo de los destacados*/
.propiedad_destacada, .propiedad_destacada2 {
	height: 270px;
	float: left;
	padding: 3px;
	background-image: url(imagenes/home/destacado_fondo.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.propiedad_destacada {
	width: 202px;
}
.propiedad_destacada2 {
	width: 187px;
}
.propiedad_destacada img, .propiedad_destacada2 img{
	height: 131px;
	width: 174px;
	float: left;
	margin-bottom: 3px;
}
/*Encabezado del destacado*/
.titulo {
	height: 19px;
	width: 167px;
	background-image: url(imagenes/home/destacado_encabezado.gif);
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-top: 0px;
	font-size: 11px;
	color: #FFFFFF;
}
/*Indica el tipo de operacion, lo flota a la izquierda*/
h5 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	float: left;
}
/*permite que el tipo de propiedad flote a la derecha*/
.titulo span {
	display: block;
	color: #B60000;
	float: right;
	margin-right: 5px;
	text-transform: uppercase;
}
.caracteristicas {
	height: 97px;
	width: 164px;
	border: 1px solid #404040;
	float: left;
	background-image: url(imagenes/interior/ventas/fondo_descripcion.gif);
	background-repeat:  repeat-x;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
}
/*direccion de la propiedad*/
.caracteristicas span {
	color: #FFFFFF;
}
.caracteristicas p {
	margin-top: 7px;
	height: 47px;
	margin-bottom: 3px;
	font-size: 11px;
	line-height: 12px;
}
.caracteristicas a {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
/*para el precio*/
.caracteristicas strong {
	float: left;
	padding-top: 5px;
}
/*ubica la imagen de la ficha y la linkea*/
.caracteristicas_link {
	background-image: url(imagenes/interior/ventas/ver_ficha.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 24px;
	float: right;
}
/* Venta
-----------------------------------------------------------------------*/
h4 {
	font-weight: normal;
	float: left;
}
/* Alquiler
-----------------------------------------------------------------------*/
/* Tasaciones
-----------------------------------------------------------------------*/
/* Servicios
-----------------------------------------------------------------------*/
a.link_general:link {
	color: #B00000;
	text-decoration: none;
}
a.link_general:visited {
	color: #B00000;
	text-decoration: none;
}
a.link_general:hover {
	color: #9F9F9F;
}
a.link_general:active {
	color: #B00000;
	text-decoration: none;
}
/* Contacto
-----------------------------------------------------------------------*/
#contacto {
	background-image: url(imagenes/fondo_contacto.jpg);
	background-repeat: no-repeat;
	background-position: 315px 15px;
}
/* Formularios
-----------------------------------------------------------------------*/
#tasaciones_datos {
	float: left;
	width: 320px;
	height: 320px;
}
#tasaciones_propiedad {
	float: left;
	width: 275px;
	height: 320px;
}
.campo_chico, .campo_grande, .campo_desplegable {
	display: block;
	border: 1px solid #A1A1A1;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-left: 5px;
	width: 270px;
}
.campo_chico {
	height: 18px;	
}
.campo_grande {
	height: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.campo_desplegable {
	height: 22px;
	width: 275px;
	margin-top: 1px;
	margin-bottom: 11px;
}
.btn_enviar {
	color: #FFFFFF;
	background-color: #454545;
	height: 23px;
	width: 65px;
	border: 1px solid #EBEBEB;
	margin-bottom: 10px;
}
.btn_borrar {
	color: #FFFFFF;
	background-color: #B90000;
	height: 23px;
	width: 65px;
	border: 1px solid #EBEBEB;
	margin-bottom: 10px;
}
/* Footer
-----------------------------------------------------------------------*/
#vacio, #footer {
	clear:both;
	height: 200px;
}
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: url(imagenes/fondo_footer.png);
	background-repeat:  repeat-x;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 13px;
}
#footer #pie {
	height: 200px;
	width: 920px;
	background-image: url(imagenes/fondo_footer2.png);
	background-repeat: no-repeat;
	background-position: left;
	margin-right: auto;
	margin-left: auto;
}
#footer h2 {
	font-size: 13px;
	padding-bottom: 5px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #D1D1D1;
	text-decoration: none;
}
#submenu {
	width: 270px;
	float: left;
	background-image: url(imagenes/footer_flecha.gif);
	background-position: 285px 97px;
	background-repeat: no-repeat;
	padding-top: 95px;
	padding-left: 300px;
}
#submenu ul li {
	float: left;
	width: 70px;
}
#submenu a {
	width: 200px;
	display: inline;
}
#links {
	width: 95px;
	margin-top: 95px;
	padding-left: 15px;
	float: left;
	background-image: url(imagenes/footer_flecha.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}
#datos {
	float: right;
	width: 155px;
	margin-top: 95px;
	padding-left: 15px;
	background-image: url(imagenes/footer_flecha.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}
#copyright {
	float: left;
	width: 575px;
	padding-left: 300px;
	padding-top: 20px;
}

#copyright em {
	float: left;
	font-style: normal;
}
#copyright strong {
	display: block;
	float: right;
	font-weight: normal;
}
#tasaciones_form {
	height: 390px;
}
#contador a {
	color: #999999;
	font-size: 10px;
	text-decoration: none;
}
#contenido1 #requisitos {
	float: right;
	margin-left: 60px;
}
.enea {
	background-image: url(imagenes/enea.gif);
	background-repeat: no-repeat;
	padding-left: 11px;
	background-position: 0px 3px;
	margin-left: 5px;
}