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

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
background:#FFFFFF
}

a {
color:#df7503;
}

a:hover {
color:#a65600;
text-decoration:underline;
}

.limpiar {
clear:both;
}

.banner {
width:630px;
height:60px;
margin:0 auto;
text-align:center
}

.top {
height:170px;
background:url(../images/fondo.png);
background-repeat:repeat-x;
}

.top-info {
width:960px;
height:160px;
margin:0px;
padding:10px 0 0 0;
}

.top-info .logo {
width:420px;
height:93px;
margin:0 auto;
padding:0px;
float:left;
color:#FFFFFF
}

h2 {
color:#df7503;
font-size:18px;
text-transform:uppercase;
margin:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}

h3 {
font-size:14px;
color:#b05b00;
margin:0 0 0 10px;
line-height:23px
}

.h2-listado {
color:#df7503;
font-size:14px;
text-transform:uppercase;
margin:0px;

}

/* #dic2010 lo cree nuevo por que solo quiero cambiar en un solo lugar */
.h2-nuevo
{
color:black;
background-color: #eceae3;
font-size:14px;
text-transform:uppercase;
margin:0px;
}


.titulo {
color:#df7503;
}

.h1-logo {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:35px;
margin:0px
}

.top-info .suscribir {
width:490px;
height:93px;
margin:0px 0 0 30px;
float:left;
padding:0px;
}

.top-info .suscribir .izq {
width:16px;
height:93px;
background:url(../images/sus-izq.gif) no-repeat;
float:left;
}

.top-info .suscribir .cen {
width:458px;
height:93px;
background:url(../images/sus-cen.gif) repeat-x;
float:left;
}

.top-info .suscribir .cen .int {
padding:6px;
color:#d56f02;
font-weight:bold;
font-size:14px
}

.top-info .suscribir .der {
width:16px;
height:93px;
background:url(../images/sus-der.gif) no-repeat;
float:left;
}

.top-nav {
width:960px;
height:31px;
margin:36px 0 0 0;
padding:0px;
}

.top-nav .cont-nav {
width:auto;
height:31px;
margin:0 0 0 3px;
padding:0px;
float:left;
}

.top-nav .act-izq {
width:5px;
height:31px;
background:url(../images/solapa-act-izq.gif) right no-repeat;
float:left;
margin:0px;
padding:0px;
}

.top-nav .act-cen {
width:auto;
height:31px;
background:url(../images/solapa-act-cen.png) repeat-x;
float:left;
margin:0px;
padding:0px 6px;
line-height:31px;
font-weight:bold;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

.top-nav .act-der {
width:5px;
height:31px;
background:url(../images/solapa-act-der.gif) right no-repeat;
float:left;
margin:0px;
padding:0px;
}

.top-nav .ina-izq {
width:5px;
height:31px;
background:url(../images/solapa-ina-izq.gif) right no-repeat;
float:left;
margin:0px;
padding:0px;
}

.top-nav .ina-cen {
width:auto;
height:31px;
background:url(../images/solapa-ina-cen.gif) repeat-x;
float:left;
margin:0px;
padding:0px 6px;
line-height:31px;
font-weight:bold;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

.top-nav .ina-cen a {
color:#666666;
text-decoration:none
}

.top-nav .ina-cen a:hover {
color:#df7503;
}

.top-nav .ina-der {
width:5px;
height:31px;
background:url(../images/solapa-ina-der.gif) right no-repeat;
float:left;
margin:0px;
padding:0px;
}

.contenedor {
width:960px;
height:auto;
margin:0px auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.col-1 {
width:648px;
height:auto;
margin:15px 4px 10px 4px;
padding:0px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.col-2 {
width:280px;
height:auto;
background:url(../images/sombra-lateral.png) left ;
background-repeat: repeat-y;
float:left;
padding:0px;
margin:15px 0 0 0;
}

.col-3 {
width:930px;
height:auto;
margin:30px 0 0 0;
padding:0px;
}

.modulos {
width:310px;
height:320px;
background:#eceae3;
margin:0px;
padding:0px;
float:left;
}

.modulos .blanco {
margin:10px;
height:290px;
background:#ffffff
}

.modulos .blanco .margen {
padding:5px;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.modulos .blanco .margen .foto {
width:281px;
height:140px;
overflow:hidden;
}

.modulos .sombra {
width:310px;
height:10px;
background:url(../images/sombra-modulos.png) top;
background-repeat: no-repeat;
margin:0px;
padding:0px;
}

.modulo-destacado {
width:629px;
height:auto;
margin:5px auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.modulo-destacado .mod-sup {
width:629px;
height:31px;
/* #dic2010 (es una imagen naranja alargada horizontalmente)
background:url(../images/titulo-mod-destacado.png) no-repeat;
*/
margin:0px;
padding:0px;
}

.modulo-destacado .mod-sup .tit-destacado {
padding:0 0 0 15px;
/* #dic2010
color:#cc6a01;*/
color:#605e52;
font-weight:bold;
line-height:31px;
/* #dic2010 AGREGA LO SIGUIENTE */
background-color: #edeae3
}

.modulo-destacado .mod-cen {
width: 627px;
height:auto;
/* #dic2010 se saca el color de fondo
background:#fff5e4; 
y el borde tambien
border-right:solid 1px #e3b96d;
border-left:solid 1px #e3b96d;
*/
background: white;
border-right:solid 1px #edeae3;
border-left:solid 1px #edeae3;
border-bottom:solid 1px #edeae3;

margin:0px;
padding:0px;
}

.modulo-destacado .mod-inf {
width:629px;
height:10px;
/* #dic2010 antes tenia borde redondeado, ahora no y es blanco en lugar de naranja
background:url(../images/bottom-mod-destacado.png) top;
*/
background-color: white;

margin:0px;
padding:0px;
}

.modulo-destacado .columna {
width:275px;
height:180px;
margin:10px 0 10px 20px;
float:left;
}

.modulo-destacado .destacado {
width:275px;
height:85px;
margin:0px 0 8px 0;
padding:0px;
}

.modulo-destacado .destacado .dest-foto {
width:80px;
height:80px;
overflow:hidden;
float:left;
margin:0 5px 0 0;
}

.modulo-destacado .destacado .dest-texto {
color:#333333;
float:left;
/* height:85px; */
}

.modulo-destacado .ver-todo {
text-align:right;
margin-right:20px
}

.modulo-destacado .ver-todo a {
color:#cc6a00;
text-decoration:underline;
font-weight:bold;
}

/* #dic2010 se agrego para cambiar estilo sin arruinar otras cosas MODULO-NOTICIAS es 100% nuevo*/

.modulo-noticias {
width:629px;
height:auto;
margin:5px auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/* #dic2010  se agrega por nueva seccion noticias del sector */

/* titulo */
.modulo-noticias .modulos-laterales
    {
    border-bottom: 2px solid #df7503;
    }

.modulo-noticias .mod-sup {
width:629px;
height:31px;
/* #dic2010 (es una imagen naranja alargada horizontalmente)
background:url(../images/titulo-mod-destacado.png) no-repeat;
*/
margin:0px;
padding:0px;
}

.modulo-noticias .mod-cen {
width:627px;
/*height:175px;*/
/* #dic2010 se saca el color de fondo
background:#fff5e4;
y el borde tambien
border-right:solid 1px #e3b96d;
border-left:solid 1px #e3b96d;
*/
background: white;
/*border-right:solid 1px #edeae3;
border-left:solid 1px #edeae3;
border-bottom:solid 1px #edeae3;*/

margin:0px;
padding:0px;
}

.modulo-noticias .mod-inf {
width:629px;
height:10px;
/* #dic2010 antes tenia borde redondeado, ahora no y es blanco en lugar de naranja
background:url(../images/bottom-mod-destacado.png) top;
*/
background-color: white;
margin:0px;
padding:0px;
}

.modulo-noticias .destacado-noticias
{
    margin:0px 0 8px 0;
    height: 150px;
    border-bottom: 3px solid #edeae3;
 /* width:627px;
 height:auto;
 padding:0px; */
}

/* #dic2010 se agrega para las fotos de noticias del sector sin afectar a las partes que ya usan este estilo*/
.modulo-noticias .destacado-noticias .dest-foto-noticias {
    float:left;
    margin:5px 5px 5px 5px;
    overflow:hidden;
    /*
    width:170px;
    height:90px;    
     */
}

/* #dic2010 se agrega para las noticias del sector sin afectar a las partes que ya usan este estilo*/
.modulo-noticias .destacado-noticias .dest-texto-noticias
    {
    color:#333333;
    float:left;
    width: 420px;
    /* height:90px; */
    }

.ver-todo {
text-align:right;
margin-right:20px;
/* #dic2010 ahora el fondo es blanco
background:#fff5e4; */
background:white;
}

.buscador {
width:280px;
height:auto;
margin:0px;
padding:0px;
}

.buscador .bus-sup {
width:280px;
height:8px;
background:url(../images/busc-top.png) top no-repeat;
margin:0px;
padding:0px;
}

.buscador .bus-cen {
width:280px;
height:auto;
background:url(../images/busc-centro.png) repeat-y left;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.buscador .bus-cen .bus-int {
padding: 5px 8px;

}

.buscador .bus-inf {
width:280px;
height:8px;
background:url(../images/busc-bottom.png) bottom no-repeat;
margin:0px;
padding:0px;
}

.modulos-laterales {
width:100%; /* #dic2010 ahora va a la izq, no en la columna finita de la derecha (w=280)*/
height:auto;
margin:10px 0 0 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.modulos-laterales .fond-titulos {
width:280px;
height:23px;
background:url(../images/titulos.png) left no-repeat;
margin:0px;
padding:0px;

}

.modulos-laterales ul {
margin:8px 5px;
padding:0px;
list-style:none;
}

.modulos-laterales ul li {
border-bottom:solid 1px #e2e2e2;
padding:2px 0px;
margin:0 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.modulos-laterales ul li a {
color:#666666;
text-decoration:none;
}

.modulos-laterales ul li a:hover {
color:#df7503
}

.pie {
width:100%;
height:auto;
background:#e6e6e6;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.pie .sombra-pie {
width:960px;
height:17px;
background:url(../images/sombra-bottom.png) top no-repeat;
margin:0px;
padding:0px
}

.pie .divisiones {
width:300px;
height:auto;
margin:0px 0 10px 15px;
float:left;
}

.pie .divisiones ul {
margin:10px 0 0 0;
padding:0px;
list-style:none;
}

.pie .divisiones ul li {
background:url(../images/bullet.png) no-repeat;
padding:2px 10px;
}

.pie .divisiones ul li a {
color:#444444;
text-decoration:none;
}

.pie .divisiones ul li a:hover {
color:#000000;
}

.ficha-demo {
width:645px;
height:120px;
margin:15px 0 0 0;
padding:0px;
}

.ficha-demo .foto-demo {
width:100px;
height:100px;
float:left;
margin:0 5px 0 0;
}

.ficha-demo .der-demo {
width:540px;
height:110px;
float:left;
}

.ficha-demo .der-demo .tit-sup {
width:455px;
height:50px;
margin:0 8px 0 0;
padding:0px;
float:left
}
.ficha-demo .der-demo .btn-sup {
width:75px;
height:50px;
float:left;
margin:0px;
padding:0px;
}

.sombra-demo {
width:645px;
height:12px;
background:url(../images/sombra-demo.png) no-repeat;
margin:0px;
}

.paginacion {
clear:both;
width:600px;
margin:10px 0 5px 0px;
padding:5px 0 5px 0;
}

.paginacion ul {
display:inline;
list-style:none;
}

.paginacion ul li {
list-style:none;
display:inline;
margin-right:5px;
}

.paginacion ul li active {
background:#f1fafd;
color:#df7503;
padding:4px;
border: solid 1px #cae5f0;
font-size:14px;
font-weight:bold;
}

.active {
background:#fff5e4;
color:#cc6a00;
padding:4px;
/* #dic2010 border: solid 1px #fbdeaa;*/
border: solid 1px #edeae3;
font-size:14px;
font-weight:bold;
}


.paginacion ul li a {
background:#fff5e4;
color:#cc6a00;
padding:4px;
/* #dic2010 border: solid 1px #fbdeaa;*/
border: solid 1px #edeae3;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.paginacion ul li a:hover {
background:#cc6a00;
color:#fff5e4;
border: solid 1px #cc6a00;
}

.navegador {
width:930px;
height:30px;
margin:0px;
padding:0px;
}

.navegador .anterior {
width:310px;
height:30px;
float:left;
margin:0px;
line-height:30px;
text-align:left
}

.navegador .siguiente {
width:310px;
height:30px;
float:left;
margin:0px;
line-height:30px;
text-align:right
}

.navegador .lista {
width:310px;
height:30px;
float:left;
margin:0px;
line-height:30px;
text-align:center
}

.cont-ficha {
width:925px;
height:auto;
margin:0px 0 10px 0;
padding:0px;
/* #dic2010 border:solid 1px #fbdeaa;*/
border:solid 1px #edeae3;
}

/* #dic2010 se agrega zonaFicha para poner ahora mas indicadores de cada ficha (ciudad y nombre del vertical);*/
.cont-ficha .zonaFicha, .cont-ficha .zonaFicha a
{
width:925px;
margin:0px 0 10px 0;
padding:0px;
text-align: center;
color:#5a92b7;
font-size: 1.1em;
font-weight: bold;
}

.cont-ficha .sup-ficha {
width:925px;
height:30px;
background:#fff5e4;
/* #dic2010 border-bottom:solid 1px #fbdeaa; */
border-bottom:solid 1px #edeae3;
}

.cont-ficha .f-col-1 {
width:205px;
height:auto;
margin:0px;
padding:0px;
float:left;
}

.cont-ficha .f-col-2 {
width:570px;
height:auto;
/* #dic2010
border-right:solid 1px #fbdeaa;
border-left:solid 1px #fbdeaa;
*/
border-right:solid 1px #edeae3;
border-left:solid 1px #edeae3;
margin:0px;
padding:0px;
float:left;
}

.cont-ficha .f-col-3 {
width:146px;
height:auto;
margin:0px;
padding:0px;
float:left;
}

.cont-ficha .col-margen {
padding:5px;
}

/* #dic2010 nuevo class agregado para manejar el overflow de las fichas */
.cont-ficha .f-col-2 .col-centro-ficha {
height: 400px;
padding:5px;
overflow: auto;
}


.social-media {
width:925px;
height:24px;
margin:0px 0 10px 0;
padding:0px;
}

/* #dic2010 lo cree nuevo para recomendacion de productos especificos a otros */
.contacto-ficha-recom-prod {
width:320px;
height:auto;
margin:0px 0px 0px 0px;
/* padding:5px; */
border: 1px solid #eceae3;
float:left;
}

/* #dic2010 lo cree nuevo para que se agrega en nuevo diseño una mini lista de otros productos de la inmobiliaria */
.otrosDeInmobiliaria {
width:580px;
height:275px;
overflow: auto;
margin:5px 5px 5px 5px;
padding-left: 15px;
display: block;

}


/* #dic2010 lo cree nuevo para que no se cambien otros formatos donde no quiero */
.contacto-ficha-2010 {
width:915px;
height:auto;
margin:0px 0px 0px 0px;
/* padding:5px; */
border: 1px solid #eceae3;
}

.contacto-ficha-2010 .formu-ficha
{
width:500px;
height:auto;
margin:0px;
padding:0px;
float:left;
}

.contacto-ficha-2010 .info-contacto {
width:300px;
height:auto;
margin:0px 0 0 115px;
padding:0px;
float:left;
}

.contacto-ficha-2010 .items {
width:150px;
float:left;
padding-right:5px;
text-align:right;
margin-bottom:8px
}

.contacto-ficha {
width:915px;
height:auto;
margin:0px 0 10px 0;
padding:5px;
}

.contacto-ficha .formu-ficha {
width:500px;
height:auto;
margin:0px;
padding:0px;
float:left
}

.contacto-ficha .info-contacto {
width:300px;
height:auto;
margin:0px 0 0 115px;
padding:0px;
float:left;
}

.contacto-ficha .items {
width:150px;
float:left;
padding-right:5px;
text-align:right;
margin-bottom:8px
}

.galeria-ficha {
width:915px;
height:auto;
margin:0px 0 10px 0;
padding:5px;
}

.galeria-ficha .foto-galeria {
width:175px;
height:120px;
overflow:hidden;
margin:8px 3px 8px 3px;
float:left;
padding:0px;
border:solid 1px #df7503
}

#pscroller1{
width: 270px;
height: 100px;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666
}


.arrowlistmenu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


#menuSub {
	text-align:left;
	padding:6px 10px;
}

.formCasillaRecomienda {
	border:solid 1px #9a9a9a;
	width:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	height:20px;
	line-height:20px;
	margin-bottom:5px
}

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


/*-------------------------------------------------------------------------*/
.clearfix:after
{
   content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}
.clearfix
{
    display: inline-block;
}
html[xmlns] .clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}
/*-------------------------------------------------------------------------*/