/******************** Documento CSS / brassa.com ********************/

* { margin: 0; padding: 0; }
html, body, img { margin: 0; padding: 0; border: 0; }

body {
	background-color: #00657a;
	font: normal 12px/1.6em helvetica, arial, sans-serif;
	color: #00657a;
}

a { color: #00657a; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

/******************** Contenedor ********************/

#fondo {
	width: 100%;
	padding-bottom: 40px;
	background: url(imagenes/fondo_piedras.jpg) repeat-x 50% 100%;
	text-align: center;
}

#fondo_contenedor { width: 960px; margin: 0 auto; background: url(imagenes/contenido.png) repeat-y top left; }

#contenedor, #contenedor1, #contenedor2, #contenedor3, #contenedor4, #contenedor5, #contenedor6, #contenedor7 {
	width: 960px;
	text-align: left;
	overflow: hidden;
}

#contenedor { background: url(imagenes/cabecera1.jpg) no-repeat top center; }
#contenedor1 { background: url(imagenes/cabecera1.jpg) no-repeat top center; }
#contenedor2 { background: url(imagenes/cabecera2.jpg) no-repeat top center; }
#contenedor3 { background: url(imagenes/cabecera3.jpg) no-repeat top center; }
#contenedor4 { background: url(imagenes/cabecera4.jpg) no-repeat top center; }
#contenedor5 { background: url(imagenes/cabecera5.jpg) no-repeat top center; }
#contenedor6 { background: url(imagenes/cabecera6.jpg) no-repeat top center; }
#contenedor7 { background: url(imagenes/cabecera7.jpg) no-repeat top center; }

/******************** Superior (logo y navegación) ********************/

#superior { overflow: hidden; color: #00657a; }

#superior h1#leyenda_logo {
	width: 200px;
	height: 55px;
	padding: 75px 0 0 125px;
	font: bold 11px/1.4em helvetica, arial, sans-serif;
	letter-spacing: 0.04em;
	float: left;
}

#superior h1#leyenda_logo span { display: none; }

#superior #navegacion {
	padding-top: 5px;
	margin-right: 30px;
	/*border-top: 5px solid #00657a;*/
	float: right;
}

#superior #navegacion a { font-weight: bold; padding: 2px 5px; }
#superior #navegacion a:hover { background-color: #00657a; color: white; text-decoration: none; }

#superior p {
	margin: 0 30px 0 auto; 
	width: auto;
	position: relative;
	top: 82px;
	clear: right;
	text-align: right;
	font: bold 14px/14px helvetica, arial, sans-serif;
}

/******************** Cuerpo ********************/

#cuerpo {
	width: 915px;
	padding: 0 20px 240px 25px;
	/* background: url(imagenes/fondo_contenido.jpg) no-repeat 20px 480px; */
	background: url(imagenes/pie.jpg) no-repeat bottom left;
	overflow: hidden;
}

#cuerpo_izq { width: 295px; margin-right: 20px; padding-top: 285px; }
#cuerpo_der { width: 600px; padding-top: 300px; }
#cuerpo_izq, #cuerpo_der { float: left; }

#cuerpo_der p { margin-top: 15px; padding-left: 5px; /* width: 580px; */ width: auto; text-align: justify; }
#cuerpo_der p:first-child { margin-top: 0; }

#cuerpo_der h1 { padding-left: 5px; font: bold 24px/1.4em helvetica, arial, sans-serif; }
#cuerpo_der h2 { padding-left: 5px; font: normal 18px/1.4em helvetica, arial, sans-serif; color: #8cbac3; }

#cuerpo_der ul { list-style: none; padding: 0 20px; }

#cuerpo_der a { /*color: #db8b22; */font-weight: normal; font-size:12px;}
#cuerpo_der a:link, #cuerpo_der a:visited { /*border-bottom: 1px dotted #00657a;*/ text-decoration: none; }
#cuerpo_der a:hover, #cuerpo_der a:active { /*border-bottom: 1px solid #00657a;*/ text-decoration: underline; }

#cuerpo_der a.bargains { color: #db8b22; font-weight: normal; font-size:18px; padding:0px 0px; display:block;}

/* Páginas interiores */
.float_izq { float: left; margin: 15px 15px 0 0; }
.float_der { float: right; margin: 15px 0 0 15px; }

/* sIFR */
#cuerpo_der h1.segoe_light { font-size: 30px; line-height: 1em; }

/******************** Cuerpo izquierda ********************/

#barra_izq_fondo { width: 295px; min-height: 515px; margin-bottom: 10px; background: url(imagenes/barra_izq_fondo.gif) repeat-y top left; }
#barra_izq { width: 295px; background: url(imagenes/barra_izq.jpg) no-repeat 0 0; }
#barra_izq_abajo {
	width: 255px;
	padding: 0 20px;
	background: url(imagenes/barra_izq_abajo.jpg) no-repeat bottom left;
	overflow: hidden;
}

/* Barra izquierda */

#idiomas { overflow: hidden; padding-left: 15px; }

#idiomas a {
	display: block;
	height: 21px;
	margin-right: 5px;
	float: left;
	opacity: 1;
}
#idiomas a:hover { opacity: 0.5; }

#idiomas img {
	height: 11px;
	padding: 5px 2px;
}

.item_izq {
	width: 255px;
	background: url(imagenes/separador_barra_izq.png) no-repeat bottom left;
	padding-bottom: 17px;
	margin-bottom: 15px;
}
.item_izq:first-child { padding-bottom: 7px; }
.item_izq h2 { background: url(imagenes/icono_lista.png) no-repeat center left; padding-left: 18px; margin-bottom: 5px; font: bold 16px/1em helvetica, arial, sans-serif; color: white; }
.item_izq h2 a { text-decoration: underline; color: white; cursor:pointer }
.item_izq h2 a:hover { text-decoration: none; }

.item_izq_final { background: none; padding-bottom: 30px; margin-bottom: 0; }

.item_izq ul { padding-left: 16px; list-style: none; }
.item_izq ul li a { padding: 2px; color: white; }
.item_izq ul li a:hover { background-color: white; color: #00657a; text-decoration: none; }

.single { padding-bottom: 15px; }
.single h2 { padding-bottom: 0; }
.single h2 a { text-decoration: underline; color: white; }
.single h2 a:hover { text-decoration: none; }

/* Formulario de la barra de la izquierda */

form.form_izq { margin-left: 18px; }

form.form_izq label { line-height: 24px; display: block; color: white; }
form.form_izq select {
	width: 215px;
	height: 24px;
	padding: 2px;
	border: 1px solid #2d8596;
	margin-bottom: 5px;
	font: bold 12px/1em helvetica, arial, sans-serif;
	color: #00657a;
}

form.form_izq div.boton_buscar { width: 100px; height: 24px; background: url(imagenes/boton_buscar.jpg) no-repeat top left; margin-top: 10px;}
form.form_izq div.boton_buscar input {
	width: 100px;
	height: 24px;
	background: none;
	border: none;
	font: bold 12px/24px helvetica, arial, sans-serif;
	color: white;
	cursor: pointer;
}
*:first-child+html form.form_izq div.boton_buscar input { padding-right: 35px; }

/* Otros elementos del cuerpo de la izquierda*/

.banner_publicidad, .banner_publicidad2 { width: 285px; height: 120px; padding: 0 5px 10px; background: url(imagenes/fondo_banner.png) no-repeat bottom left; }
.banner_publicidad2 { height: 60px; }

/******************** Cuerpo derecha ********************/

#cuerpo_der dl {
	width: auto;
	margin-bottom: 20px;
	padding: 0 0 20px 5px;
	border-bottom: 1px solid #00657a;
}

#cuerpo_der dl:first-child { margin-bottom: 0; }

#cuerpo_der dt { font: bold 18px/18px helvetica, arial, sans-serif; margin: 15px 0 10px 0; }

#cuerpo_der dd { padding-left: 25px; margin-bottom: 5px; }

/* Ofertas de portada */

#ofertas_portada { width: 600px; margin-top: 20px; padding-top: 21px; background: url(imagenes/separador_contenido.png) no-repeat top left; overflow: hidden; }

.oferta_portada {
	width: 179px;
	height: 227px;
	margin: 5px 5px 20px 0;
	padding: 3px 8px 15px;
	background: url(imagenes/oferta_portada_fondo.png) no-repeat top left;
	float: left;
}

.oferta_portada img.foto_portada { width: 179px; }

#cuerpo_der .oferta_portada div.texto_oferta_portada p {
	width: auto;
	padding: 0 5px;
	color: white;
	font-size: 12px;
	color: #78c7d8;
	text-align: left;
}
#cuerpo_der .oferta_portada div.texto_oferta_portada p a { font-weight: bold; color: white; border-bottom: none; }
#cuerpo_der .oferta_portada div.texto_oferta_portada p a:hover { text-decoration: none; }

/* Testimonios */

#testimonios { width: 585px; margin-top: 20px; padding-top: 20px; /*background: url(imagenes/separador_contenido.png) no-repeat top left;*/ }

#cuerpo_der .testimonio { width: 580px; margin-left: 5px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; background: url(imagenes/comillas_inicio.gif) no-repeat top left; }

#cuerpo_der .testimonio p { font: italic normal 14px/1.6em helvetica, arial, sans-serif; color: #00657a; }

#cuerpo_der .testimonio p.texto_testimonio {
	text-indent: 60px;
	margin: 15px 0 10px;
	padding: 20px 0 0 0;
	background: url(imagenes/comillas_fin.gif) no-repeat bottom right;
	color: #404040;
}

a#mas_testimonios { font: bold 14px/1em helvetica, arial, sans-serif; color: #00657a; margin-top: 15px; float: right; }

/* Resultados (Paginación) */

.results {
	clear: both;
	width: 563px;
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
}

#cuerpo_der ul.pagination {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

ul.pagination li {
	margin: 0 2px;
	list-style: none;
	float: left;
}

#cuerpo_der ul.pagination li a {
	display: block;
	padding: 5px;
	border: 1px solid #999;
	font: normal 12px/1.2em verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #999;
	float: left;
}

#cuerpo_der ul.pagination li a#current_page {
	background-color: #00657a;
	border: 1px solid #00657a;
	color: white;
}

#cuerpo_der ul.pagination li a:hover {
	border: 1px solid #404040;
	color: #404040;
	text-decoration: none;
}

ul.pagination li span {
	display: block;
	padding: 5px 8px;
	border: 1px solid #ccc;
	font: normal 12px/1.2em verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #ccc;
	float: left;
}

#cuerpo_der .results p {
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

/* Resultados (Propiedades) */

#offers { width: 600px; overflow: hidden; }

.venta {
	width: 275px;
	height: 350px;
	margin: 15px 15px 0 0;
	padding: 0 5px;
	background: url(imagenes/venta.jpg) no-repeat;
	color: #00657a;
	float: left;
	position:relative;
}

.venta h3 {
	width: 265px;
	height: 30px;
	padding: 0 5px;
	font: bold 15px/30px arial, sans-serif;
	color: #00657a;
	text-align: center;
	overflow:hidden;
}

.venta .oportunidad_esp {
	width:103px;
	height:104px;
	position:absolute;
	left:4px;
	top:29px;
	background:url(imagenes/oportunidad_es.png) no-repeat top left;
	}
	
.venta .oportunidad_de {
	width:103px;
	height:104px;
	position:absolute;
	left:4px;
	top:29px;
	background:url(imagenes/oportunidad_de.png) no-repeat top left;
	}
	
.venta .oportunidad_gb {
	width:103px;
	height:104px;
	position:absolute;
	left:4px;
	top:29px;
	background:url(imagenes/oportunidad_gb.png) no-repeat top left;
	}

#cuerpo_der .venta h3 a { text-decoration: none; color: #00657a; }

.venta .description {
	clear: both;
	padding: 5px;
	font: normal 11px/1.4em arial, sans-serif;
	overflow: hidden;
}
*:first-child+html .venta .description { margin-bottom: 5px; }

.venta .description a { color: white; }

#cuerpo_der .description p { float: left; width: 140px; margin: 0; text-align: left; }
#cuerpo_der .description p:first-child { width: 120px; }

#cuerpo_der .venta p.price {
	clear: both;
	width: 200px;
	height: 40px;
	margin: 0 0 0 5px;
	font: normal 18px/40px arial, sans-serif;
	color: white;
	position:relative;
}

#cuerpo_der .venta p.price img{
	position:absolute;
	top:10px;
	right:-70px;
}

html>body #cuerpo_der .venta p.price { margin-top: 5px; }

#cuerpo_der .venta a.more_info {
	display: block;
	width: 275px;
	height: 18px;
	margin: 0 0 4px 5px;
	font: normal 12px/18px arial, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #ffc54f;
}
html>body #cuerpo_der .venta a.more_info { margin-left: 0; }

/* Mapas */

#mapas { width: 340px; float: left; }
.mapa { width: 340px; height: 200px; margin-bottom: 20px; }

/* Detalle */

#detail { width: 585px; padding-left: 5px; }

#cuerpo_der #detail p, #cuerpo_der #detail h1, #cuerpo_der #detail h2 { padding: 0; }

.detail_header {
	clear: both;
	width: 564px;
	padding: 10px;
	background-color: #e2edef;
	border-right: 1px solid #b8d4da;
	border-bottom: 1px solid #72a6b1;
	overflow: hidden;
}

#cuerpo_der .detail_header h2 { font: bold 20px/1.2em verdana, sans-serif; color: #00657a; }

#cuerpo_der .detail_header h4, #cuerpo_der .detail_header h4 a {
	font: normal 16px/20px verdana, sans-serif;
	text-decoration: none;
}

.detail_head_left { width: 300px; float: left; }

.detail_head_right {
	width: 245px;
	text-align: right;
	float: right;
}

#cuerpo_der .detail_head_right a { color:#00657a; text-decoration:none; }

#cuerpo_der .detail_head_right a:hover { color:#00657a; text-decoration:underline; }

#cuerpo_der .detail_head_left h1 {
	font: italic normal 24px/1em verdana, sans-serif;
	margin-top: 15px;
}

.detail_content {
	clear: both;
	width: 585px;
	padding: 20px 0 10px;
	overflow: hidden;
}

.detail_content table { margin-bottom: 15px; }

.detail_content h3 { margin: 0 0 10px; font-size: 14px; }

#cuerpo_der .detail_content p { margin: 0 0 15px; }

#detail_photo {
	width: 585px;
	margin-bottom: 20px;
	overflow: hidden;
}

#detail_photo a img {
	display: block;
	float: left;
	text-decoration: none;
	border: 2px solid #e2edef;
}

#detail_photo a img.bigger { float: left; margin-right: 2px; }

#detail_photo a:hover img { padding: 1px; border: 1px solid #666; }

#detail_photo img.smaller_left, #detail_photo img.smaller_right { margin: 0 2px 4px; float: left; }

#detail_right {
	width: 275px;
	margin: 0 0 20px;
	float: left;
}

form#form_detalle { width: 590px; padding: 0 5px; color: #333; }

/* form#form_detalle h3 { width: 569px; padding: 5px 10px; background-color: #989898; color: white; border-right: 1px solid #777; border-bottom: 1px solid #434343; }
form#form_detalle ul { width: 569px; padding: 10px; background: url(imagenes/clip.png) no-repeat bottom right; border-right: 1px solid #ccc; border-bottom: 1px solid #989898; } */

form#form_detalle h3 { width: 569px; padding: 5px 10px; background-color: #72a6b1; color: white; border-right: 1px solid #4a8798; border-bottom: 1px solid #185364; }

form#form_detalle ul { width: 569px; padding: 10px; background: url(imagenes/clip.png) no-repeat bottom right; border-right: 1px solid #b8d4da; border-bottom: 1px solid #72a6b1; }

form#form_detalle ul li {
	width: 570px;
	padding: 5px 0;
	overflow: hidden;
}

form#form_detalle ul li span{
	display:block;
	margin-left:137px;
}

form#form_detalle ul li label {
	display: block;
	width: 120px;
	margin-right: 15px;
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 2px;
}

form#form_detalle ul li input.input_detalle, form#form_detalle ul li textarea {
	display: block;
	float: left;
	width: 220px;
	border: 1px solid #979797;
	padding: 2px;
	font: normal 12px/1.2em arial, sans-serif;
}

/* Búsqueda avanzada */

form#form_busqueda { width: 590px; padding: 0 5px; margin-top: 15px; }

form#form_busqueda h3 { width: 569px; padding: 5px 10px; background-color: #72a6b1; color: white; border-right: 1px solid #4a8798; border-bottom: 1px solid #185364; }

form#form_busqueda ul { width: 569px; padding: 10px; background-color: #d9e8eb; border-right: 1px solid #b8d4da; border-bottom: 1px solid #72a6b1; overflow: hidden; }

form#form_busqueda ul li {
	/* width: 570px; */
	width: auto;
	padding: 10px 0;
	overflow: hidden;
}

form#form_busqueda ul li span{
	display:block;
	margin-left:137px;
}

form#form_busqueda ul li .warning,
form#form_detalle ul li .warning {
	display:inline;
	margin-left:0px;
	}

form#form_busqueda ul li label {
	display: block;
	width: 120px;
	margin-right: 15px;
	float: left;
	text-align: right;
	font-weight: bold;
}

form#form_busqueda ul li label.check {
	text-align:center;
	width:280px;
}
form#form_busqueda ul li input {
	display: block;
	float: left;
	width: 120px;
}

form#form_busqueda ul li input[type=checkbox] {
	display: block;
	float: left;
	margin: 0px 5px;
	padding:0px;
	text-align:left;
	width:20px;
}

form#form_busqueda ul li input, form#form_busqueda ul li select, form#form_busqueda ul li textarea { font: normal 12px/1.2em arial, sans-serif; }

form#form_busqueda ul li input.campo_check { width: auto; }

form#form_busqueda ul div, form#form_busqueda ul li div  { clear: both; }
form#form_busqueda ul li div div { padding: 10px 0 0; }

#cuerpo_der form#form_busqueda ul li p { padding: 0; margin: 0; }

.radioGrp {
	margin:0px;
	padding:0px;
	width:280px;
	overflow:hidden;
	text-align:left;
	}

form#form_busqueda ul li .radioGrp span {
	margin-left:40px;
	padding:0px;
	clear:both;
	width:240px;
	}
/******************** Capa con más links antes del pie ********************/

#mas_links {
	clear: both;
	width: 900px;
	padding-top: 21px;
	background: url(imagenes/separador.jpg) no-repeat top left;
	color: #00657a;
}
#mas_links a { padding: 2px; }
#mas_links a:hover { background-color: #00657a; color: white; border: none; text-decoration: none; }

/******************** Pie ********************/

#pie {
	width: 910px;
	margin: 0 auto;
	padding: 20px 45px 0;
	color: white;

}

#pie a { color: white; padding: 2px; }
#pie a:hover { background-color: white; color: #00657a; border: none; text-decoration: none; }

#pie a#logo_webexperience { display: block; float: right; margin-top: 10px; }
#pie a#logo_webexperience:hover { background: none; }

#newsletter { width: 400px; float: left; }

form.form_pie { margin: 40px 0 0; }
input.campo_form {
	width: 208px;
	height: 16px;
	padding: 2px;
	border: 1px solid white;
	font: normal 11px/24px helvetica, arial, sans-serif;
	color: #00657a;
}

input.fondo_campo1 { background: white url(imagenes/fondo_campo1.gif) repeat-x top left; width: 203px; padding: 3px 5px; border: 1px solid #2d8596; font: bold 12px/1em helvetica, arial, sans-serif; }
input.fondo_campo2 { background: white url(imagenes/fondo_campo2.gif) repeat-x top left; }

#contacto_pie { width: 320px; float: right; }
#contacto_pie p { width: 160px; text-align: right; float: left; color: white; }


/******************** Cambios Marzo 2010 ********************/

.eslogan {
	padding:5px 0px;
	text-align:center;
	color:#FFFFFF;
	background:#00657A;
	}

#superior {
	position:relative;
	}
	
.eslogan_header {
	position:absolute;
	top:60px;
	right:20px;
	width:400px;
	height:30px;
	text-align:right;
	}
	
.eslogan_header h2.segoe_light { font-size: 16px; line-height: 1em; text-transform:uppercase; font-weight:normal }
