/* ------------------------------ general ------------------------------ */
body, html {
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#444;
}

body {
     height:100%;
}

img {
	border:0;
}

a:visited{text-decoration:underline; color: #272A31}

a:link {text-decoration:underline; color: #FF6600}
a:hover {text-decoration:none; color: #FF6600}

#container {
	margin:0 auto;
	width:950px;
	font-size:.85em;
}

hr {
background:#DDDDDD none repeat scroll 0 0;
border:medium none;
clear:both;
color:#DDDDDD;
float:none;
height:0.1em;
margin:0 0 1.45em;
width:100%;
}

/* ------------------------------ cabecera y logo ------------------------------ */

#header-wrap {
margin:0 auto;
background:#31363E;
border-top:10px solid #272A31;
border-bottom:4px solid #474F5B;
height:63px;
}

#header {
	margin:0 auto;
	width:950px;
	height:63px;
}

#header h1 {
	float:left;
	margin:-8px 0;
}
#header ul{padding-top:17px;}

#header ul li {display:inline;
        list-style:none; padding:0px 15px; border-right:1px #6F7175 solid; }
#header ul li.last{border-right:0px;}
#header ul li.men_buscador{margin-left:30px;}
#header ul li.men_hipotecas{}
#header ul li.men_experto{}
#header ul li.men_noticias{}
#header ul li.men_favoritos{}
#header ul li a{color:#C3C4C4; text-decoration:none; padding:2px 5px;}
#header ul li a:hover{ background:#C3C4C4; color:#272A31;}
#header p.publique {
	margin:16px 0 0 0;
	padding:0;
	height:19px;
	width:194px;
	float:right;
	background: url(/images/custom/5/publique.gif) no-repeat;
}


/* ------------------------------ clear ------------------------------ */
.clearfix:after {
	content:".";
	display:block;
	height:1px;
	clear:both;
	visibility:hidden;
}


/* ------------------------- pasos y flecha ------------------------------ */

ul#pasos {text-indent:-9999px;list-style-type:none;height:12px;padding:0;margin:8px 0 0 20px}
ul#pasos li {display:inline;height:12px;font:bold 1em Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;padding:0;margin:0 20px 0 0}
body#paso1 ul#pasos li.step1 {background: url(/images/custom/5/paso1-on.gif) no-repeat}
body#paso1 ul#pasos li.step2 {background: url(/images/custom/5/paso2-off.gif) no-repeat}
body#paso1 ul#pasos li.step3 {background: url(/images/custom/5/paso3-off.gif) no-repeat}
body#paso2 ul#pasos li.step1 {background: url(/images/custom/5/paso1-off.gif) no-repeat}
body#paso2 ul#pasos li.step2 {background: url(/images/custom/5/paso2-on.gif) no-repeat}
body#paso2 ul#pasos li.step3 {background: url(/images/custom/5/paso3-off.gif) no-repeat}
body#paso3 ul#pasos li.step1 {background: url(/images/custom/5/paso1-off.gif) no-repeat}
body#paso3 ul#pasos li.step2 {background: url(/images/custom/5/paso2-off.gif) no-repeat}
body#paso3 ul#pasos li.step3 {background: url(/images/custom/5/paso3-on.gif) no-repeat}

ul#pasos li.step1, ul#pasos li.step2, ul#pasos li.step3 {display:inline;float:left;width:54px} 

/*
#flecha {width:200px;height:35px;position:absolute;top:83px}
body#paso1 #flecha {background:url(/images/custom/5/flecha.gif) no-repeat -148px}
body#paso2 #flecha {background:url(/images/custom/5/flecha.gif) no-repeat -74px}
body#paso3 #flecha {background:url(/images/custom/5/flecha.gif) no-repeat}
*/


/* ------------------------------ cuerpo ------------------------------ */
#inmuebles {
	width:938px;
	float:left;
	background:#ECEDEE;margin-top:20px;
}

#inmuebles_principio {
	height: 10px;
	background: url(/images/custom/5/inmuebles1col1.gif) no-repeat;
	
}

#inmuebles_final {
	height: 15px;
	background: url(/images/custom/5/inmuebles1col3.gif) no-repeat;
}

p.breadcrumb {
	margin: 0px 2px;
	padding:2px 0 6px 20px;
	font-size: 1em;
	color:#999999;
	border-bottom:1px solid #ccc;
	background-color: transparent;
}

.nube {
	padding:16px 16px 18px 0px!important;padding:16px 16px 26px 0px;
	margin-right: 5px;
	margin-left: 5px;
}

ul.tagcloud {
	line-height:2.4em!important;line-height:2.7em;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0 20px;
	margin:0
}

ul.tagcloud li {
	padding:0 14px 0 0;
	display:inline;
	color:#999;
	margin:0;
}

li.tipo1 {font-size:1em}
li.tipo2 {font-size:1.1em; font-weight:bold}
li.tipo3 {font-size:1.3em}
li.tipo4 {font-size:1.5em}
li.tipo5 {font-size:1.7em}
li.tipo6 {font-size:1.9em}
li.tipo7 {font-size:1.9em; font-weight:bold}
li.tipo8 {font-size:2.1em}
li.tipo9 {font-size:2.2em}
li.tipo10 {font-size:2.3em}

h2 {
	margin:5px 20px 7px;
	font-size:2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF6600;
	
}

h3 {
	margin: 0;
	font-size:1em;
}

h4 {
	margin: 0;
	font-size:1em;
}

h5 {
	font-size:0.95em;
	margin: 0;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}

#infoinmueble {
	margin:0 20px 20px;
	font-size: 0.9em;
}

#info01 {
	float:left;
	width:220px;
	height:100px
}

#info02 {
	padding:0 0 0 10px;
	margin:0 0 0 230px;
	border-left:1px solid #CCC;
}


div#detalles {
	margin-top:36px;
	width:430px
}

#detalles p{
	margin-top:2px;
}

#fotos p {
	margin:0;
	font-size: 0.85em;
	color:#666
}

.piefoto {
	background-color:#EEE;
	padding:2px 4px;
	text-align:center;
}

#shadow {
	width:674px;
	height:12px;
	background: url(/images/custom/5/sombrabox.gif) no-repeat top;
	float:left;
}

p.filtro {
	margin:0;
	padding:18px 20px 0 80px;
	font-size:.9em;
}

p.navegador {
	margin:0;
	padding:8px 20px 0 80px;
	font-size:.8em;
	line-height:1.2em
}

div.pagination {
	margin:0;
	padding:6px 20px;
	background-color: #0071ab;
	font-size:.8em;
	color: #fff;
	font-weight:bold;
}

p.navegador a, p.navegador a:visited, div.pagination  a, div.pagination a:visited {
	color:#ffd200;
	margin-right:10px
}

p.navegador a:hover, div.pagination  a:hover {
	color:#ccc;
	text-decoration:none;
}

p.navegador a:hover, div.pagination  a:hover {
	color:#ccc;
	text-decoration:none;
}

#result {
	background: #a70033 url(/images/custom/5/manoback.jpg) repeat-x top left;
	height:78px;
	color:#FFF;
}

#result2 {
	background: url(/images/custom/5/mano.jpg) no-repeat top left;
	height:78px;

}


/* ------------------------------ tabla de resultados ------------------------------ */
table {
	font-size: 0.9em;
	width:100%;
	margin:0!important;margin:-2px 0 0;
	border-collapse:collapse;
}

td {
	text-align:center;
	padding:5px;
}

tr.even {
	background-color:#EAEAEA;
}

tr.odd {
	background-color:#FFF;
}

th {
font-size: 1.1em;
	background:#31363E;
	color:#FFF;
	padding:3px 0
}

td a:link, td a:visited {color:#FF6600; text-decoration:underline}
td a:hover {color:#FF6600; text-decoration:none;}

tfoot {
background:#31363E;
height:0px;
}



/* ------------------------------ form de contacto ------------------------------ */

fieldset {
	border:0;
	margin-left:12px;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
}

dd {margin:0 0 6px;padding:0}

#spacer {height:36px} 


/* ------------------------------ publicidad ------------------------------ */


#utils h3, #utils h4, #utils h5 {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom: 1px solid #999;
	color: #970e07;
}

#utils ul {
	margin: 10px 0;
	padding: 0 5px;
	list-style-type: none;
}

#utils ul li {
	padding-left: 30px;
	margin-bottom: 10px;
	padding-right: 10px;
	font-size:1.2em;
}

#utils p {
	padding-right: 15px;
	padding-left: 15px;
}

#utils hr.linea_similares {
	margin-right: 5px;
	margin-left: 5px;
}

#infoinmueble {
	margin:0 20px 20px;
	font-size: 0.9em;
}

#info01 {
	float:left;
	width:250px;
	height:100px
}

#info02 {
	padding:0 0 0 10px;
	margin:0 0 0 230px;
}

#fotos {
	float:left;
	margin:0 0 20px 16px;
	width: 320px;
}

div#detalles {
	margin-top:36px;
	width:430px
}

#detalles p{
	margin-top:2px;
}

#fotos p {
	margin:0;
	font-size: 0.85em;
	color:#666
}

.piefoto {
	background-color:#EEE;
	padding:2px 4px;
	text-align:center;
}


/* ------------------------------ pie ------------------------------ */

#footer-wrapper {
margin:0 auto;
height:63px;
}

#footer {
	padding-top:22px!important;
	padding-top:14px;
	padding-bottom:12px!important;
	padding-bottom:8px;
	text-align:center;
	font-size: 1em;
	clear:both;
	width:900px;
	margin: 0 auto;
	color:#888;
}
#footer a {
	color:#888;
	text-decoration:underline;
}
#footer a:hover {
	color:#FF6600;
	text-decoration:none;
}

#footer .publique {
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
	margin:0;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -7px;
	font-size: 2.25em;
	line-height:1.2em
}
/* MIGUEL  04/07/07  */
.cursor{
    cursor: pointer;
}
h6 {
	margin:20px 20px 7px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
#favoritos h2{
    margin-top:25px;
}
#nube .provsuscrita{margin-left:15px;}

ul#lista_suscripcion li {
  width: 150px;
  float: left;
  list-style:none;
}

p#boton_ok {
  text-align: center;
  margin: 10px;
}

#formbuscador .selitem {
  font-size:1em;
  margin:0 0 0 12px;
}

div.zona_select {
  width: 180px;
  float: left;
}


#noresult, #pieboletin {
  margin:5px 0 4px!important;margin:3px 0 4px;padding:2px 20px 4px 20px;
}
#noresult h3 {
  font-size: 1.4em;
  color: #f30;
  border: 2px solid #f30;
  padding: 5px;
  background-color: #ff9999;
}

.destacado_impar, .destacado_par {
  width: 425px;
  padding: 5px;
  margin: 0px 5px 5px 5px;
}

.destacado_impar { 
  float: left;
}

.destacado_par {
  float: right;
}

.img_portada {
  width: 93px;
  float: left;
}

.destacado_impar p, .destacado_par p {
  padding: 0px;
  margin: 0px;
}

#separador {
  border-bottom: 1px dashed;	
}

#calculadora, #aviso_baja {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-image:url(/images/background-trans.png);
}

#calculadora div, #aviso_baja div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}


/* -------------------------------------------------------------- 
  
   buttons.css
------------------------------------------------------- */

a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:3px 10px 3px 7px;   /* Links */
  border:1px solid #272A31;
  /*border-top:1px solid #A8A7A7;
  border-left:1px solid #A8A7A7;*/
  background-color:#474F5B;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.1em;
  line-height:130%;
  text-decoration:none;
  font-weight:normal;
  color:#FFFFFF;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#6C727C;
  border:1px solid #52555A;
  color:#FFFFFF;
}
a.button:active{
  background-color:#6C727C;
  border:1px solid #52555A;
  color:#FFFFFF;
}

/* Positive */
body .positive {
  color:#fff;
}
a.positive:hover, button.positive:hover {
  background-color:#6C727C;
  border:1px solid #52555A;
  color:#fff;
}
a.positive:active {
  background-color:#6C727C;
  border:1px solid #52555A;
  color:#fff;
}

/* Negative */
body .negative {
  color:#ffffff;
  background-color:#BEBEBE;
  border:1px solid #A8A7A7;

}
a.negative:hover, button.negative:hover {
  background-color:#D8D8D8;
  border:1px solid #BCBBBB;
  color:#ffffff;
}
a.negative:active {
  background-color:#D8D8D8;
  border:1px solid #BCBBBB;
  color:#fff;
}




/* input button */
.inputbutton
{background-color:#474F5B; border:1px solid #272A31; color:#FFFFFF; font-size: 1.1em; padding:3px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
} 
.inputbutton:hover, .inputbutton:active
{background-color:#6C727C; border:1px solid #52555A; color:#FFFFFF; font-size:1.1em; padding:3px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
}

.inputbutton-neg
{background-color:#BEBEBE; border:1px solid #A8A7A7; color:#FFFFFF; font-size:1.1em; padding:3px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
} 
.inputbutton-neg:hover, .inputbutton-neg:active
{background-color:#D8D8D8; border:1px solid #A8A7A7; color:#FFFFFF;font-size:1.1em; padding:3px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
}


/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 200px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 290px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

#infoamigo, #calculadora, #aviso_baja, #contactar, #mapa, #video, #situacion, #documentos {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-image:url(/images/background-trans.png);
}

#infoamigo div, #calculadora div, #aviso_baja div,  #video div#datosvideo, #mapa div#ver_mapa, #contactar div#datos, #situacion div, #documentos div {
     width:400px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

#mapa div#ver_mapa, #video div#datosvideo {
  width: 700px;
}

/**** Rating ****/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
    background: url('/images/star_rating.gif') left -1000px repeat-x;
}
.star-rating{
    position: relative;
    width: 150px;
    height: 30px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: top left;
}
.star-rating li{
    display: inline;
}

.star-rating a,
.star-rating .current-rating{
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 30px;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
    background-position: center left;
}
.star-rating a.one-stars{
    width: 20%;
    z-index: 6;
}
.star-rating a.two-stars{
    width: 40%;
    z-index: 5;
}
.star-rating a.three-stars{
    width: 60%;
    z-index: 4;
}
.star-rating a.four-stars{
    width: 80%;
    z-index: 3;
}
.star-rating a.five-stars{
    width: 100%;
    z-index: 2;
}
.star-rating .current-rating{
    z-index: 1;
    background-position: bottom left;
}
.star-ratings-block {
    font-size: .75em;
    text-align: center;
    width: 100%;
}

div.entrybody p {
  margin-left: 10px;
  font-size: 1em;
}