*{
	margin: 0;
	padding: 0;
}

body{
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff url(bg-page.jpg) no-repeat top;
}

a{
	color: #2ab1dd;
}

a img{
	border: 0;
}

p{
	margin: 6px 0px;
}

ul, ol{
	padding: 5px 0px;
}

li{
	margin: 4px 0px 4px 20px;
}

blockquote{
	margin-left: 20px;
}

h1{ 
	color: #444;
	font-size: 14px;
	letter-spacing: -1px;
	font-style: italic;
}

h2{
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #444;
	padding-bottom: 4px;
	border-bottom: 5px #dcdcdc solid;
	margin-bottom: 10px;
}

h3{
	font-size: 20px;
	line-height: 18px;
	font-weight: bold;
	color: #2ab1dd;
	margin: 10px 0px;
	margin-top: 20px;
}

h4{
	font-size: 13px;
	background: #222;
	padding: 0 2px;
	margin: 10px 0 0 0;
	color: #fff;
}

div.clear{
	clear: both;
}

strong.big{
	font-size: 150%;
}

#container{
	width: 1020px;
	margin: 0 auto;
	padding: 0;
}

#header, #content{
	margin: 0 auto;
	width: 940px;
	padding: 0px 40px;
}

/* HEADER */

#header{
	background: url(bg-header.jpg) no-repeat top left;
	height: 210px;
	padding: 0px 40px;
}

#logo{
	float: left;
	margin-top: 20px;	
}

#datos-contacto{
	float: right;
	margin-top: 25px;
	text-align: right;
}

/* MENU GENERAL */

#menu{
	position: absolute;
	margin-top: 150px;	
}

#menu li{
	list-style: none;
	display: inline;
	margin: 0;
}

#menu a{
	color: #444;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 10px;
}

#menu a:hover{
	background: url(bg-menu-hover.png) repeat-x bottom;
	color: #ddd;
}

#menu li.current a, #menu li.current a:hover{
	color: #444;
	background: #fc0 url(bg-menu-current.gif) repeat-x bottom;
}

/* CONTENT */

#content{
	background: #fff url(bg-content.jpg) no-repeat top;
	padding: 0px 40px;
}

div.left-panel{
	width: 290px;
	float: left;
	margin-right: 20px;
}

div.right-panel{
	float: left;
	width: 620px;
}

/* BUSCADOR */

.buscador-tipos h2{
	border-bottom: 0;
	padding-bottom: 0;
}

.buscador ul{

}

.buscador-tipos li{
	list-style: none;
	margin-bottom: 8px;
	padding: 4px;
	margin-left: 0;
}

.buscador-tipos li:hover{
	background: #c6e6f1 url(buscador-li-hover.gif) no-repeat right;
}

.buscador-tipos li a{
	font-size: 20px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
}

.buscador-tipos li.current, .buscador-tipos li.current:hover{
	background: #2ab1dd url(buscador-li-current.gif) no-repeat right;
}

.buscador-tipos li.current a{
	color: #fff;
}

/* FICHAS */

.ficha{
	float: left;
	width: 298px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px #d0d0d0 solid;
}

.ficha:hover{
	cursor: hand;
}

.ficha:hover div.datos{
	background: #2b7b9d;
	color: #fff;
}

.ficha:hover div.datos div.zona{
	background: #2b7b9d;
	color: #fff;
}

.ficha:hover div.datos div.zona a{
	color: #fff;
}

.ficha:hover div.detalles{
	color: #2b7b9d;
}

.ficha div.datos{
	background: #ddd;
	color: #666;
	height: 60px;
	
}

.ficha div.img{
	float: left;
	margin-right: 10px;
}

.ficha div.zona{
	padding-top: 8px;
	font-size: 14px;
	color: #444;
}

.ficha div.zona a{
	color: #444;
}

.ficha div.direccion{
	font-size: 12px;
	line-height: 12px;
}

.ficha div.detalles{
	border-top: 1px #d0d0d0 solid;
	font-size: 12px;
	padding: 0px 5px;
	color: #2ab1dd;
}

/* APARTADOS CORPORATIVOS */
div.corporativo{
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 19px;
}

/* FILTROS */

div.filtros{
	clear: left;
	border: 1px #ccc solid;
	margin-bottom: 10px;
}

div.filtros form{
	border: 1px #ddd solid;
	padding-bottom: 5px;
}

div.filtros table{
	margin: 0 auto;
}

div.filtros th{
	text-align: left;
	font-weight: normal;
	padding: 3px 8px;
}

div.filtros td{
	padding: 3px 8px;
}

div.filtros select{
	color: #2b7b9d;
	border: 1px #d0d0d0 solid;
	padding: 0px 2px;
}

div.filtros option{
	
}

/* LISTA DE DISTRITOS CON INMUEBLES */
div.lista_distritos{
	margin-bottom: 15px;
}

div.lista_distritos li{
	list-style: none;
	background: url(bullet-li.gif) no-repeat left;
	float: left;
	width: 188px;
	padding-left: 12px;
	margin-left: 0;
}

div.lista_distritos a{
	color: #444;
	text-decoration: none;
}

div.lista_distritos a:hover{
	text-decoration: underline;
}

/* EXTRA */
.extra{
	border-top: 5px #dcdcdc solid;
	padding-top: 10px;
}

.extra div.extra-left, .extra div.extra-right{
	float: left;
	margin-right: 10px;
	width: 300px;
}

/* ATRÁS */

div.back{
	float: right;
	font-size: 12px;
	background: url(arrow-dotted.gif) no-repeat right;
	padding-right: 18px;
	text-align: right;
}

div.back a{
	color: #aaa;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-decoration: none;
}
div.back a:hover{
	color: #2ab1dd;
}

/* MÁS INFO */
div.mas{
	text-align: right;
	margin-right: 10px;
}

div.mas a{
	background: #2b7b9d;
	padding: 2px 5px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

div.mas a strong{
	letter-spacing: -1px;
}

div.mas a:hover{
	background: #2ab1dd;
	color: #fff;
}

/* PAGINACION DE RESULTADOS */
div.paginacion{
	margin-bottom: 10px;
}

div.paginacion p{
	float: left;
	margin-right: 10px;
}

div.paginacion li{
	display: inline;
	margin: 0;
	margin-right: 10px;
	
	padding: 2px 5px;
}

div.paginacion li a{
	text-decoration: none;
}

div.paginacion li.current{
	background: #2ab1dd;
}

div.paginacion li.current a{
	color: #fff;
}

/* INFORMACIÓN DE INMUEBLE */

div.left-inmueble{
	width: 250px;
	float: left;
	margin-right: 20px;
}

div.right-inmueble{
	float: left;
	width: 660px;
}

div.inmueble-info{
	
}

div.inmueble-info div.inmueble-tipo{
	color: #444;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 30px;
	margin-bottom: 5px;
}

div.inmueble-info div.inmueble-edificio{
	color: #888;
	font-size: 16px;
	margin-bottom: 5px;
}

div.inmueble-info div.inmueble-calle{
	font-size: 22px;
	line-height: 22px;
	letter-spacing: -1px;
	color: #444;
	margin-bottom: 5px;
}

div.inmueble-info div.inmueble-piso{
	color: #888;
	font-size: 16px;
	margin-bottom: 8px;
}

div.inmueble-info div.inmueble-distrito{
	font-size: 24px;
	background: #444;
	color: #fc0;
	line-height: 20px;
	letter-spacing: -1px;
	padding: 2px;
}

div.inmueble-contacto h3{
	font-weight: normal;
}

div.inmueble-contacto div.img-bottom{
	margin-top: 20px;
}

div.inmueble-datos{
	font-size: 14px;
}

div.inmueble-datos .caracteristicas{
	border-bottom: 1px #8bb6c9 dotted;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.inmueble-datos .caracteristicas p{
	font-size: 18px;
	color: #888;
}
div.inmueble-datos .caracteristicas p strong{
	font-size: 26px;
	color: #2ab1dd;
}

div.inmueble-datos .caracteristicas p.description{
	float: left;
}

div.inmueble-datos .caracteristicas p.precio{
	float: right;
	margin-top: 12px;
}

div.inmueble-datos .caracteristicas sup{
	font-size: 20%;
}

div.inmueble-datos .description{
	color: #444;
	line-height: 18px;
}

div.inmueble-datos div.fotos{
	float: left;
	background: #e0e0e0;
	padding: 10px;
	padding-top: 0;
}

div.inmueble-datos div.inmueble{
	width: 500px; 
}

div.inmueble-datos div.edificio{
	width: 640px; 
}

div.inmueble-datos div.fotos img{
	margin-right: 1px;
	margin-bottom: 1px;
}

div.inmueble-datos div.plano{
	float: right;
	text-align: center;
}

div.inmueble-datos div.mapa{
	
}

div.inmueble-datos #map{
	border: 1px #ddd solid;
}

div.inmueble-datos div.detalles{
	margin: 20px 0;
	clear: left;
	padding-top: 20px;
}

div.inmueble-datos div.detalles p{
	background: url(bullet-li.gif) no-repeat left;
	padding-left: 15px;
}

div.inmueble-datos div.detalles strong{
	color: #2ab1dd;
}

div.detalles table.detalle_parking{
	width: 480px;
}

div.detalles table.detalle_parking td{
	padding: 3px;
}

/* INMUEBLES SIMILARES */

div.inmuebles-similares div.resultados{
	margin-left: 10px;
	margin-bottom: 10px;
}


/* FORMULARIO CONTACTO POPUP */
div#contacto_popup{
	background: #fff;
	padding: 20px;
	height: 385px;
	width: 560px;
}
div#contacto_popup div.datospersonales{
	float: left;
	margin-right: 20px;
	width: 200px;
}

div#contacto_popup div.consulta{
	float: left;
	border-left: 1px #ccc solid;
	padding-left: 20px;
	margin-bottom: 10px;
}

div#contacto_popup div.enviar{
	clear: both;
	text-align: right;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 5px #ddd solid;
}

div#contacto_popup div.enviar input{
	background: #2ab1dd;
	padding: 3px 6px;
	font-size: 19px;
	font-weight: bold;
	border: 0;
	color: #fff;
}

/* CONTACTO GENERAL */

#contactar table{
	margin: 20px auto;
}

#contactar tr.send td{
	padding: 10px 0;
}

#contactar td{
	padding: 2px 5px;
}


#contactar input[type=text], #contactar textarea{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#contactar td.nomcampo{
	padding-right: 10px !important;
	text-align: right;
	font-weight: bold;
}

#contactar tr.captcha td{
	border: 3px #c6e6f1 solid;
	border-left: 0; border-right: 0;
	padding: 10px 0;
}

#contactar tr.send input{
	background: #2ab1dd;
	padding: 3px 6px;
	font-size: 19px;
	font-weight: bold;
	border: 0;
	color: #fff;
}


/* FOOTER */

#footer{
	clear: both;
	width: 940px;
	margin: 20px auto 0 auto;
	background: #2b7b9d url(bg-footer.gif) no-repeat top;
	padding: 25px 20px 10px 20px;
	color: #8bb6c9;
}

#footer li{
	list-style: none;
	margin: 0 0 4px 0;
}

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

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

#footer h3{
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}

#footer div.general, #footer div.zonas, #footer div.tipos{
	float: left;
}

#footer div.zonas{
	border-left: 1px #609cb6 solid;
	border-right: 1px #609cb6 solid;
	margin: 0 20px;
	padding: 0 10px 0 20px;
}

#footer div.zonas ul{
	float: left;
	margin-right: 20px;
}

#footer div.copy{
	float: left;
	margin-top: 50px;
}

#footer div.grupo{
	float: right;
	text-align: right;
}

#footer div.grupo a{
	margin-left: 10px;
}

/* ERRORES */

div.error404{
	border: 1px #ccc solid;
	background: url(warning.gif) no-repeat left;
	padding: 10px 20px 0 128px;
	margin-bottom: 20px;
}

div.error404 p{
	line-height: 20px;
	color: #666;
	font-size: 18px;
	margin-bottom: 0;
}