/* NETWORK */
#network{background-image:url(../images/net-bg.gif); background-repeat:repeat-x; height:30px}

#network #network-inner{width:960px; margin:auto}

#network #network-inner img{float:left; margin-right:50px}

#network #network-inner li{list-style:none; 
display:block;
float:left;}
 
#network ul{margin:0}

#network #network-inner a{display:block; color:#fff; text-decoration:none; font-weight:bold; outline:none; line-height:30px; font-size:11px; border-right:1px solid #4a4a4a; padding:0px 9px; height:30px; float:left}

#network #network-inner a:hover{background-image:url(../images/net-bg.gif); background-repeat:repeat-x; background-position:left bottom}

#network #network-inner .selected{background-image:url(../images/net-bg.gif); background-repeat:repeat-x; background-position:left bottom}

.clear {clear:both}


/* GENERAL ------------------------------- */
* {margin: 0; padding:0;}
body {	margin: 0 0 20px 0; font: normal 13px "Lucida Sans", Arial, Helvetica, sans-serif;  background:#efe9d9 url(../images/bk.jpg) repeat-x; color:#555; }
.wrap {	width: 950px;	margin: 0 auto; background-color:#FFFFFF; padding:0 0 0 10px; }
a, a:visited, a images { color: #c74d01; text-decoration:underline; outline:none; }
a:hover { color:#000; }
images { border:none; }
p, h1, h2, h3, ul {margin: 0 0 12px 0;}
blockquote { margin-left:15px; padding-left:10px; border-left:5px solid #C4C8D0; }
.banner { width:650px;  height:286px; background:#F2F2F2; }

.clr { clear:both; height:0%; }
.line { height: 1px; margin:10px 0;  border-top: 1px Solid #e8e6de; clear:both; display:block; }

/* HEADER ------------------------------------------------------*/
#header { height:98px; position:relative; padding-top:34px; width:940px; }
.logo a { float:left; width:298px; height:98px; background:url(../images/logo.png) no-repeat; }
.logo h1 { margin: 0; }
.logo span { display:none; }

/* SUB NAVIGATION ------------------------- */
ul#sub { text-align: left; list-style-type: none; width:421px; height:46px; float:right; margin:23px 20px 0 0;}
#sub span {display:none;}
#sub li { display:inline; float:left;  }
#sub li a { height: 46px; display:block; background-image:url(../images/3botones.gif); background-repeat: no-repeat; }

#sub li a#buscar { width: 113px;  background-position: 0 0; }
#sub  a#buscar:hover {  background-position: 0 -46px; }

#sub  li a#publicar { width: 121px;  background-position: -113px 0; }
#sub  a#publicar:hover { background-position: -113px -46px; }  

#sub  li a#directorio { width: 187px; background-position: -234px 0; }
#sub  a#directorio:hover {  background-position: -234px -46px; } 

/* TOPMENUS ------------------------- */
.topmenus { width:940px; overflow:hidden; 	position:absolute; top:0;	left:0; background: url(../images/bk-topmenu.png) no-repeat; height: 33px; }
ul#topnav { width:650px; line-height:33px; margin: 0;  list-style: none; height: 33px;  float:left;  }
ul#topnav li { display:inline;	 /* float: left; */ }
ul#topnav li a { display:block; padding:0 12px;  color: #FFF; text-decoration: none; background:url(../images/menu-separadorcafe.png) no-repeat bottom right; float:left; }
ul#topnav li a:hover { color: #fff; text-decoration: underline;}
ul#clientes   { overflow:hidden;  line-height:33px; margin: 0; display: block; list-style: none; height: 33px; float:right; background: url(../images/bk-menunaranja.png) no-repeat bottom right;  }
ul#clientes li {	display:inline;	float: left; color: #FFFFFF; }
ul#clientes li a { display:block; padding:0 12px;  color: #FFF; text-decoration: none; background: url(../images/menu-separadornaranja.png) no-repeat bottom left; float:left; }
ul#clientes li a:hover { color: #fff; text-decoration: underline; }

/* CONTENT  ( WIDECOL - NARROWCOL )------------------------------------------------------*/
#content { width:910px; background:url(../images/bk-content.jpg) no-repeat; padding:30px 20px 25px 10px; font:normal 13px/16px "Lucida Sans", Arial, Helvetica, sans-serif; margin:0;}

/* WIDECOL -------------------------- */
.widecol { width:690px; float:left; position:relative;  }
.widecol h2 { font:bold 16px Arial, Helvetica, sans-serif;  padding:7px 0; border-bottom:4px solid #e9e7da; color:#4d3f32;  }
.widecol h3 { color:#4d3f32; font: bold 15px Arial, Helvetica, sans-serif; margin-bottom:10px; }
.widecol ul { margin-left:5px; list-style:none; }
.widecol li { background: url(../images/bullet.png) no-repeat 0 50%; padding-left: 12px;  }
.widecol .ui-tabs-nav ul { margin:0;  }
.widecol .ui-tabs-nav li { background: none; margin:0 3px 0 0; padding:0;  }
.moduleshome { background: url(../images/bk-moduloshome.png) no-repeat bottom left; width:690px; overflow:hidden; margin: 0 0 20px 0; }
.moduleshome .col {  float:left; width:200px; padding:15px; }
.moduleshome .col p {  margin:0; }
h1.propiedad { font:normal 22px/25px Arial, Helvetica, sans-serif;  padding:10px 0;  color:#333;
background: url(../images/icon-ultimos-publicados.png) no-repeat 0 50%; padding-left: 30px;  } 
h2.buscar { background:url(../images/icon-buscar.png) no-repeat 0 50%                                ; padding-left: 30px; } 
h2.publicar { background: url(../images/icon-publicar.png) no-repeat 0 50%; padding-left: 35px; } 
h2.directorio { background: url(../images/icon-directorio.png) no-repeat 0 50%; padding-left: 30px; } 
h2.ultimospublicados { background: url(../images/icon-ultimos-publicados.png) no-repeat 0 50%; padding-left: 30px; border: none; margin-bottom:0;  } 
h2.inmobiliarias { background: url(../images/icon-inmobiliarias.png) no-repeat 0 50%; padding-left: 35px;  border: none; } 
h2.contactarvendedor { border-bottom: 3px solid #efeee5; background: url(../images/icon-contactarvendedor.png) no-repeat 0 50%; padding:10px 0 10px 35px;   }

.inmoniliariasparticipantes { background:transparent url(../images/bk-moduloshome.png) no-repeat scroll left bottom;
height:130px;
overflow:hidden;
padding:10px 25px 18px;
width:650px; }

.caja-top-round { overflow:hidden; background:url(../images/top-caja.png) no-repeat; width:690px; height:8px; margin:0;  padding:0; clear:both; }
.roundbottom { overflow:hidden; margin:0 auto 10px auto;  width:960px; height:7px; background: url(../images/round-bottom.png) no-repeat bottom left;}

.precio { float:left;  font:bold 15px Arial, Verdana, Helvetica, sans-serif; display:block; background:url(../images/precio-left.png) no-repeat top left; color:#FFF; height:29px; line-height:29px; padding: 0 0 0 10px; }
.precio span { background:url(../images/precio-rigth.png) no-repeat top right; height:29px; display:block; padding-right: 10px; }

#mapa { width:400px; border:1px solid #4d3f32; clear:both; }  

/* FORMAS -------------------------- */
form.contactoventa input, form.contactoventa textarea { border:1px solid #ccc; padding:4px; width:20em;  }
form.contactoventa label {  width: 70px; float: left; text-align: right; margin-right: 0.6em; display: block; height:27px; line-height:27px;}

form.buscarhome select { border:1px solid #ce5505;  width:190px; margin: 5px 0 10px 0; padding:4px; background-color:#FFFFFF; font: 13px/26px "Lucida Sans", arial,sans-serif;  }
form.buscarhome label { display:block; width:150px  }
form.buscarhome fieldset { width:220px; float:left; overflow:hidden; border:none; }

body#interior #content { padding:15px 20px 25px 10px; }
body#interior .widecol { padding-left:15px; width:675px; }
.colinteriorizq { width:400px; float:left; margin-right:15px; }
.colinteriorder { width:260px; float:left; }
.colinteriorder p, .colinteriorder h3 { padding:0 5px; }


/* NARROWCOL -------------------------- */
.narrowcol { width:200px; float:right; overflow:hidden;  }
body#interior .narrowcol { padding-top:15px; }

/* TABLAS GRID -------------- Aplicar estilos de grid aplicando un id=grid a la tabla, ej. <table id=grid> ----------------------*/
table#grid { border-left:1px solid #e8e6de; border-top:1px solid #e8e6de; margin:15px 0 20px 0; border-collapse:collapse; background:#fff;}
table#grid th, table#grid td { border-right:1px solid #e8e6de; border-bottom:1px solid #e8e6de; padding:6px; }
table#grid th { text-align:left; vertical-align: middle; color:#4d3f32; background:#e9e7da; }
table#grid .alt {  background-color: #f9f8f4;  }
.grid-precio { background:#e57113 url(../images/bk-precio.gif) repeat-x; color:#FFFFFF;  } /* Este es el que está applicado, rellena toda la celda de color naranja */ 
.grid-precio2 { background:#df0d0e url(../images/red.gif) repeat-x; color:#FFFFFF;  } /* Este es el que está applicado, rellena toda la celda de color naranja */ 

/* ESTILOS FOTOS -------------------------- */
.picbr {float:right; border:3px solid #e9e7da; margin: 10px 0 0 10px; } /*  Foto flotando a la derecha con borde  */
.picbl {float:left; border:3px solid #e9e7da; margin: 5px 10px 0 0; } /*  Foto flotando a la izquierda con borde  */
.picbcenter { display:block; text-align:center; padding: 4px; background-color:#e9e7da; } /*  Foto al centro con borde  */
.picr {float: right; margin: 0 0 5px 10px; } /*  Foto flotando a la derecha  */
.picl {float: left; margin: 0 10px 5px 0;} /*  Foto flotando a la izquierda */
.piccenter { display:block; width:100%; text-align:center; } /*  Foto centrada  */
.picbl2 { float:left; border:1px solid #d2ceb4; margin: 7px 7px 0 0; background-color:#e8e6de;} /* Logos inmobiliarias en el home */

/* FOOTER -------------------------- */
#footer { width:960px; height:58px; line-height:58px; color:#FFFFFF; background:url(../images/bk-footer.png); margin:0 auto; text-align:center; }
#footer a:hover { color:#FFFFFF; }

/* BOTONES --------------------------------------- */ 
.clearbtn { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%;}

a.btn-ver-detalles  { background: transparent url('../images/btn-verdetalles-left.png') no-repeat top left; }
a.btn-ver-detalles span { background: transparent url('../images/btn-cafe-right.png') no-repeat top right; }
a.btn-imprimir  { background: transparent url('../images/btn-imprimir-left.png') no-repeat top left; }
a.btn-imprimir span { background: transparent url('../images/btn-verde-right.png') no-repeat top right; }
a.btn-favorito  { background: transparent url('../images/btn-favorito-left.png') no-repeat top left; }
a.btn-favorito span { background: transparent url('../images/btn-verde-right.png') no-repeat top right; }
a.btn-enviar  { background: transparent url('../images/btn-enviar-left.png') no-repeat top left; }
a.btn-enviar span { background: transparent url('../images/btn-verde-right.png') no-repeat top right; }
a.btn-video  { background: transparent url('../images/btn-video-left.png') no-repeat top left; }
a.btn-video span { background: transparent url('../images/btn-verde-right.png') no-repeat top right; }
a.btn-descarga  { background: transparent url('../images/btn-descarga-left.png') no-repeat top left; }
a.btn-descarga span { background: transparent url('../images/btn-verde-right.png') no-repeat top right; }
a.btn-cafe  { background: transparent url('../images/btn-generico-cafe.png') no-repeat top left; }
a.btn-cafe span { background: transparent url('../images/btn-cafe-right.png') no-repeat top right; }
a.btn-verde  { background: transparent url('../images/btn-generico-verde.png') no-repeat top left; }
a.btn-verde span { background: transparent url('../images/btn-verde-right.png') no-repeat top right; }

a.btn-ver-detalles, 
a.btn-favorito,
a.btn-imprimir, 
a.btn-enviar, 
a.btn-cafe, 
a.btn-verde, 
a.btn-video, 
a.btn-descarga  { color: #fff; display: block; float: left; font-size: 12px; height: 29px; line-height:29px; margin:0 6px 6px 0; padding: 0; text-decoration: none; }

a.btn-ver-detalles span, 
a.btn-imprimir span, 
a.btn-favorito span,
a.btn-enviar span, 
a.btn-video span, 
a.btn-descarga span { display: block;  line-height: 29px;  padding: 0 12px 0 28px; }

a.btn-imprimir span, 
a.btn-favorito span,
a.btn-enviar span, 
a.btn-video span, 
a.btn-descarga span { min-width: 120px; }

a.btn-verde span, 
a.btn-cafe span { display: block;  line-height: 29px;  padding: 0 12px 0 12px; }

a.btn-ver-detalles:hover, 
a.btn-imprimir:hover, 
a.btn-favorito:hover, 
a.btn-enviar:hover, 
a.btn-verde:hover,
a.btn-cafe:hover,
a.btn-video:hover,
a.btn-descarga:hover { background-position: 0 100%; color: #fff; }

a.btn-ver-detalles:hover span,
a.btn-imprimir:hover span, 
a.btn-favorito:hover span, 
a.btn-enviar:hover span, 
a.btn-video:hover span, 
a.btn-descarga:hover span { background-position: 100% 100%; padding: 0 12px 0 28px; }

a.btn-verde:hover span,
a.btn-cafe:hover span { background-position: 100% 100%; padding: 0 12px 0 12px; }

a.btn-ver-detalles:active, 
a.btn-imprimir:active, 
a.btn-favorito:active, 
a.btn-enviar:active, 
a.btn-verde:active, 
a.btn-cafe:active, 
a.btn-video:active, 
a.btn-descarga:active { background-position: 0 0 ;  }

a.btn-ver-detalles:active span, 
a.btn-imprimir:active span, 
a.btn-favoritos:active span, 
a.btn-enviar:active span, 
a.btn-verde:active span, 
a.btn-cafe:active span, 
a.btn-video:active span, 
a.btn-descarga:active span { background-position: 100% 0; }

/****( Loginout box )*************************/
/* DESCRIPTION: the little popup login box */
#head-loginout-box {
     border:3px solid;
	 -moz-border-radius:10px;
	 -webkit-border-radius: 10px;
	background-color: #F1EEE0;
	position: absolute;
	right: 160px;
	text-align: left;
	width: 314px;
	z-index: 2000;
}
#head-loginout-box div.top {
	background: transparent url(/img/bg-login-blue-top.png) no-repeat top left;  
	height: 23px;
}
#head-loginout-box div.btm {   
	background: transparent url(/img/bg-login-blue-btm.png) no-repeat bottom left;
	padding: 0 25px 23px 13px;
}
#head-loginout-box form {
	margin: -3px 0 0;
	padding: 0;
}
#head-loginout-box form table {
	border: 0;
	padding: 0;
}
#head-loginout-box form table th {
	border-right: 1px solid #999;
	font-weight: bold;
	padding: 0 10px 0 0;
	text-align: right;
	vertical-align: top;
	width: 110px;
}
#head-loginout-box form table tr.pad-top th {
	padding-top: 10px;
}
#head-loginout-box form table span.help {
	color: #888;
	display: block;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
}
#head-loginout-box form table td {
	padding: 0 0 0 10px;
	vertical-align: top;
}
#head-loginout-box form table tr.pad-top td {
	padding-top: 10px;
}
#head-loginout-box form table td span.help {
	margin-top: 3px;
}
#head-loginout-box form input {
	margin: 0;
	padding: 0;
	width: 97%;
} 
#head-loginout-box form input[type="checkbox"], 
#head-loginout-box form input[type="image"], 
#head-loginout-box form input[type="submit"] {
	width: auto;
}
#head-loginout-box form a {
	color: #888;
}
#head-loginout-box form a:hover {
	color: #444;
	text-decoration: underline;
}
#head-loginout-box form img#head-user-cancel {
	cursor: pointer;
	margin-left: 5px;
}
/*****************/

/****( Send2Friend box )*************************/
/* DESCRIPTION: the little popup send2friend box */
#send2friend_box {
	background-color: #F1EEE0;
	position: absolute;
	right: 160px;
	text-align: left;
	width: 400px;
	z-index: 2000;
}
#send2friend_box div.top {
	background: transparent url(/img/bg-login-blue-top.png) no-repeat top left;  
	height: 23px;
}
#send2friend_box div.btm {   
	background: transparent url(/img/bg-login-blue-btm.png) no-repeat bottom left;
	padding: 0 25px 23px 13px;
}
#send2friend_box form {
	margin: -3px 0 0;
	padding: 0;
}
#send2friend_box form table {
	border: 0;
	padding: 0;
}
#send2friend_box form table th {
	border-right: 2px solid #D2E5EF;
	font-weight: bold;
	padding: 0 10px 0 0;
	text-align: right;
	vertical-align: top;
	width: 125px;
}
#send2friend_box form table tr.pad-top th {
	padding-top: 10px;
}
#send2friend_box form table span.help {
	color: #888;
	display: block;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
}
#send2friend_box form table td {
	padding: 0 0 0 10px;
	vertical-align: top;
}
#send2friend_box form table tr.pad-top td {
	padding-top: 10px;
}
#send2friend_box form table td span.help {
	margin-top: 3px;
}
#send2friend_box form input {
	margin: 0;
	padding: 0;
	width: 97%;
} 
#send2friend_box form input[type="checkbox"], 
#send2friend_box form input[type="image"], 
#send2friend_box form input[type="submit"] {
	width: auto;
}
#send2friend_box form img#head-user-cancel {
	cursor: pointer;
	margin-left: 5px;
}

/****( AddFavorite box )*************************/
/* DESCRIPTION: the little popup send2friend box */
#addfavorite_box {
	background-color: #F1EEE0;
	position: absolute;
	right: 120px;
	text-align: left;
	width: 150px;
	z-index: 2000;
}
#addfavorite_box div.top {
	background: transparent url(/img/bg-login-blue-top.png) no-repeat top left;  
	height: 23px;
}
#addfavorite_box div.btm {   
	background: transparent url(/img/bg-login-blue-btm.png) no-repeat bottom left;
	padding: 0 25px 23px 13px;
}
#addfavorite_box form {
	margin: -3px 0 0;
	padding: 0;
}
#addfavorite_box form table {
	border: 0;
	padding: 0;
}
#addfavorite_box form table th {
	border-right: 2px solid #D2E5EF;
	font-weight: bold;
	padding: 0 10px 0 0;
	text-align: right;
	vertical-align: top;
	width: 125px;
}
#addfavorite_box form table tr.pad-top th {
	padding-top: 10px;
}
#addfavorite_box form table span.help {
	color: #888;
	display: block;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
}
#addfavorite_box form table td {
	padding: 0 0 0 10px;
	vertical-align: top;
}
#addfavorite_box form table tr.pad-top td {
	padding-top: 10px;
}
#addfavorite_box form table td span.help {
	margin-top: 3px;
}

.linkPlus {
	margin: 5px;
	padding-left:12px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(/images/plus_icon.gif);
}
.linkMinus {
	margin: 5px;
	padding-left:12px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(/images/minus_icon.gif);
}
.hiddenElement {
	display:none;
}
/*****************/
/** USERS **/
.log {
	padding-left: 30px;
	display: block;
	background-image: url(/images/circle_green.png);
	background-repeat: no-repeat;
	height: 30px;
	line-height: 30px;
	background-position: left center;
}
.users {
	display: block;
	background-repeat: no-repeat;
	color: #555555;
	padding-top: 10px;
	padding-bottom: 0px;
	background-image: url(/images/bground.png);
	width: 690px;
	margin-bottom:20px;
}
.users span {
	background-image: url(/images/bground.png);
	background-position: right bottom;
	height: 10px;
	width: 690px;
	display: block;
	background-repeat: no-repeat;
}
.users .persona {
	background-image: url(/images/user_48.png);
	background-position: left top;
}
.users .inmob {
	background-image: url(/images/home_48.png);
	background-position: left top;
}
.users p {
	padding-left: 60px;
	background-repeat: no-repeat;
	background-color: #E9E7DA;
	display: block;
	text-decoration:none;
	color:#333333;
	padding-right:10px;
	margin:0px
}
.left{float:left;display:inline;}
a.advanced{
color:#FFFFFF;
display:block;
font-size:11px;
padding:5px;
text-decoration:none;
text-align:right;
z-index:30;
}
/** thums nails **/
ul#nice {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 15px 0;
}
#nice li{
background-image:none;
list-style-image:none;
margin:0;
padding:0; 
}
#nice .thumbs {
	width: 690px;
	height: auto;
	float: left;
	background-color: #F5F2EB;
	margin-bottom: 10px;
	padding-bottom: 20px;
	background-image: url(/images/bgbottomx.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
#nice .thumbs img {
	float: left;
}
#nice .tumbtl {
	width: 690px;
	height: 30px;
	float: left;
	color: #FFFFFF;
	background-image: url(/images/titulox.png);
	border-bottom: 1px solid;
	border-bottom-color: #F0C8A4;
}
#nice .tumbtl h3 {
	line-height: 30px;
	padding-left: 5px;
	font-size: 14px;
}
#nice .tumbtl a {
	color: #FFFFFF;
	;
	text-decoration: none;
}
#nice .tumbtl a:hover {
	text-decoration: underline;
}
#nice .thumbs p {
	margin: 5px;
	float: left;
	width: 470px;
}
/** end thumbnails **/
/** paginacion **/
.widecol .pagination {
	width: 690px;
}
.widecol .pagination span {
	background-color: #FCF3EB;
	color: #8D5018;
	padding: 5px;
	border: 1px solid;
	border-color: #F1C8A3;
}
.widecol .pagination .current {
	background-color: #DA7D26;
	color: #FFFFFF;
	font-weight: bold;
	border-color: #A75F1D;
}
/** fin de paginacion **/
/** USER INTERFACE **/
.widget {
	width: auto;
	padding: 5px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	.tabnav{margin:0px; padding:0px}

	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	margin:0px;
	background-image:none;
	}

		.tabnav li a {
	text-decoration: none;
	text-transform: capitalize;
	color: #555;
	font-weight: bold;
	padding: 4px 6px;
	outline: none;
	background-image:none;
		}

		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
	color: #4D3F32;
	text-decoration: none;
	background-color: #E9E7DA;
		}

	.tabdiv {
	margin-top: 2px;
	padding: 5px;
	border: 1px solid;
	border-color: #E9E7DA;
	-moz-border-radius: 5px;
	background-color: #FCFBF8;
	}

		.tabdiv li {
	margin-left: 20px;
		}

.ui-tabs-hide {
		display: none;
		}

/** END OF USER INTERFACE **/