﻿/* Estilo Lytebox*/
@import url("lytebox.css");
@import url("GreenDayPropiedades.css");
/*@import url("./../../../../../css/plantilla/propiedades.css");*/

/* Layout principal */ 
body {
    background-color: #FAFAFA; background-image: url("fondo.jpg");
    background-repeat: repeat-x;
    color: #686868;
    padding:0px; margin:0px;    
    font-family:Lucida Sans;
    font-size:12px;
}

a
{
    outline-style:none;
}

div#Todo  {    
    width: 960px; margin: 0px auto;    
    padding:0px;
}

/*.Encabezado */
.Encabezado 
{ 
    position: relative;
    background-color:#FFFFFF;
}

.EncabezadoConFlash 
{
    display:inline-block;
    position: relative; 
}

div#CabeceraFlash 
{
    border:solid 0px red;    
    position:relative; 
}

div#Cuerpo {
    position: relative; min-height: 200px; background-color: White; 
}

div#Pie {    
    position: relative; background-image: url("pie.png"); height: 121px; top: -1px;background-repeat:no-repeat;
    margin-bottom:10px; font-family:Lucida Sans !important; 
}

/* Estilos del pie */
div#Pie div.PieMardelPlata 
{    
    width: 100%; height: 25px;  overflow: hidden; position: absolute; top: 133px;     
    left: 0px; border:solid 0px red;color:#686868; font-size:12px; text-align:center;

}


div#Pie div.PieMardelPlata A 
{    
    font-weight:bold;
    color:#686868;
    text-decoration:none;
}

div#Pie div.PieMardelPlata A:hover
{
    font-weight:bold;
    color:#686868;
    text-decoration:underline;
}

div#Pie div.CuadroInfo {
    width: 230px; height: 100px; overflow: visible; position: absolute; top: 19px;     
    left: 500px; border:solid 0px red;    
}

div#Pie div.CuadroInfo h3 {
    padding: 0px; margin: 0px; margin-bottom:2px; font-weight: bold;font-size:12px;white-space:nowrap;    
}

div#Pie div.CuadroInfo h4
{
    padding: 0px; margin: 0px; margin-bottom:2px;font-weight: normal;font-size:12px;white-space:nowrap;
}

div#Pie div.CuadroInfo h5
{
    padding: 0px; margin: 0px; margin-bottom:2px;font-family:14px !important; font-weight: normal;
}


/* Estilos del encabezado */

.Encabezado div.Logo {
    border: solid 1px #BEBEBE; position: relative;
    float:right;
    margin-top:20px;
    margin-right:50px;
}

.Encabezado div.Logo IMG{
    vertical-align:middle;
    width:100px;
    height:100px;
}

.Encabezado a.CuadroInfo 
{    
    width: 214px; height: 90px; padding: 40px; padding-top: 20px;
    background-image: url("solapa.png");
    background-repeat:no-repeat;
    float:left;
    position: relative; 
    top:0px;
    margin-top:10px;
    left: 20px; z-index: 10; overflow: hidden;
    font-family: Tahoma; font-size: 11px; color: #686868; text-decoration:none;
}

.Encabezado a.CuadroInfo h1 {
    padding: 0; margin: 0; margin-bottom: 5px; font-size: 27px; font-weight: normal;    
    line-height: 27px;
}

.Encabezado a.CuadroInfo h2 {
    padding: 0; margin: 0; font-size: 12px; font-weight: normal; line-height: 13px;margin-bottom: 5px;
}

.Encabezado a.CuadroInfo h4 {
    padding: 0; margin: 0; font-size: 11px; font-weight: normal; line-height: 13px;
}

ul#BarraEnlaces 
{
    font-family:Lucida Sans; 
    width: 808px; height: 37px; padding: 0px; margin: 0px; float:left;
    background-image: url("degrade.jpg");  bottom: 0px; 
    z-index: 5; line-height: 37px; font-size: 14px; border:solid 0px blue;    
    position: relative;
}

ul#BarraEnlaces li {
    display: inline-block; list-style-type: none; padding: 0px; text-align: center;float: left;
}

ul#BarraEnlaces li a 
{
    display: block; height: 35px; margin: 1px 0px;
    text-decoration: none; color: #686868; text-align:center;
    padding-left:15px; padding-right:15px; 
}

ul#BarraEnlaces li a:hover {
    text-decoration: none; background-color: #EDEDED; color: black;
}

ul#BarraIdiomas {
    width: 150px; height: 37px; padding: 0px; padding-right:2px; margin: 0px; float:left; right:0px;
    background-image: url("degrade.jpg"); bottom: 0px; 
    z-index: 5; line-height: 37px; font-size: 14px; border:solid 0px red;
    position: relative; 
}

ul#BarraIdiomas li {
    display: inline-block; list-style-type: none; padding: 0px; text-align: center;float: right;
}

ul#BarraIdiomas li a img
{
    vertical-align:middle;
    margin-top:6px;
}

ul#BarraIdiomas li a 
{
    display: block; height: 24px; width:23px; vertical-align:middle;
    text-decoration: none; color: #686868; text-align:center;
    margin-left:10px; margin-right:10px; border:solid 0px red;    
    margin-top:7px;
}

ul#BarraIdiomas li a:hover {
    text-decoration: none; 
    background-position:bottom;
}

.separadorIdiomas DIV
{
    display:block;
    height:20px;
    width:0px;    
    border:dotted 1px #686868;
    border-right:0px;
    border-bottom:0px;
    border-top:0px;    
    margin-top:9px;    
}

.lnkIngles
{
    background-image:url(./../imgs/en.png);
}

.lnkEspanol
{
    background-image:url(./../imgs/es.png);
}

.lnkPortugues
{
    background-image:url(./../imgs/pt.png);
}

/* Estilos del cuerpo */

.divBPHome
{
    display:block;
    border: solid 0px black;    
    height:112px;
}

div#QuienesSomos {
    position: relative;     
    min-height: 210px; 
    padding: 10px 150px 25px 0px;
    border: solid 0px red;   
    background-color:#ffffff; 
    clear:both;
}

div#QuienesSomos img.Titulo {
    display: block;    
}

div#QuienesSomos img.ImagenInmobiliaria {
    display: block;    
}

div#QuienesSomos div.MarcoImagen {
    position: relative; width: 200px; height: 150px; padding: 6px; padding-bottom: 16px;
    border: solid 1px #CFCFCF; top: 0px; left:30px;
    float:left; 
}

div#QuienesSomos div.MarcoImagen div.Decorado {
    width: 63px; height: 53px; position: relative; right: -169px; bottom: 20px;
    background-image: url("casa.png"); background-repeat:no-repeat;

}

div#QuienesSomos div.MarcoDatos {
    display:inline-block;
    border: solid 0px red;    
    width:550px;    
    left:80px;    
    position: relative; 
}

div#DondeEstamos div.MarcoMapa {
    display:inline-block;
    width:935px;
    margin:0 0 25px 12px;    
}

div#DondeEstamos ul.MarcoDatos,
div#DondeEstamos ul.MarcoDatos li {
    display:inline-block;
    margin:0px;
    padding:0px;
    width:930px;    
    float:left;
    margin-top:4px;
    margin-bottom:4px;
    margin-left:12px;
    list-style-type:none;    
}

div#DondeEstamos ul.MarcoDatos li 
{
    font-family:Arial;
    font-size:12px;
    width:auto;
    margin-left:0px;    
    vertical-align:bottom;
    line-height:18px;
}

div#DondeEstamos ul.MarcoDatos li b
{
    font-size:16px;
}

div#DondeEstamos ul.MarcoDatos li span
{
    margin-left:7px;
    margin-right:7px;
}

div.Barra {
    position: relative; height: 23px; padding: 7px 30px; margin: 0px;
    background-image: url("degrade.jpg"); line-height: 37px; font-size: 16px;    
}

div.Barra img
{
    position:relative;
    display:inline-block;
    float:left;
    margin-top:2px;
}

div#iPropiedadesDestacadas {
    position: absolute; right: 20px; top: -9px; width: 50px; height: 50px; 
    background-image: url("lupa.png");
}

div#tQuienesSomos  {
    background-image: url('titulos_es/quienesomos.png'); width: 165px; height: 29px; 
}

div.RenglonDestacados,
div.RenglonDestacadosA 
{
    width:937px;
    border:solid 0px red;
    padding: 5px 0px 5px 22px;
    background-color: White; border-bottom: solid 1px #DDDDDD;
    position:relative;
}

div.RenglonDestacados img.Titulo,
div.RenglonDestacadosA img.Titulo {
    display: block;
}

div.RenglonDestacadosA {
    background-color: #F7F7F7;
}

div.ItemDestacado {
    margin-right:28px;
    margin-top:10px;
    margin-bottom:10px;
    width: 206px;
    float: left; 
}

div.ItemDestacado p
{    
    display:inline-block;
    text-align:left;
    padding-left:9px;
    padding-right:9px;
    font-family:Lucida Sans;
    font-size:12px;    
    height:50px;
    overflow:hidden;    
    margin:0px;
    margin-top:5px;           
}

div.ItemDestacado A
{    
    display:inline-block;
    cursor:pointer;
    color:#8F8F8F; 
    text-decoration: none;
    width: 206px; 
    height: 300px; padding: 58px 0px 0px 0px; padding-bottom: 0px;
    margin-left: 0px;    
    border: solid 1px #eaeaea;     
    background-color:#fafafa;    
    overflow: visible; 
    text-align: center; 
    float: left; 
    position: relative;    
}

div.ItemDestacado A:hover 
{
    background-color: #f2f2f2; 
}

div.ItemDestacado A img
{    
    display:inline-block;        
}

div.ItemDestacado h3 {
    display:inline-block;
    float:right;
    width: 191px; 
    height: 43px; 
    margin:0px; 
    margin-top:-49px;    
    margin-right:-11px;
    margin-bottom:0px;
    font-family:Lucida Sans;
    font-size: 16px; 
    color:#ffffff;
    line-height: 36px;
    text-align:right;
    padding-right:20px;
    background-image: url("FondoPrecio.png");
    background-repeat: no-repeat;    
    background-position: right center;    
}

div.ItemDestacado h3 span{
    display:inline-block;
    float:left;
    width: auto;     
    margin:0px;     
    margin-left:10px;
    font-family:Tahoma;
    font-size: 11px; 
    font-weight:normal;
    color:#ffffff;
    line-height: 35px;
    text-align:left;    
}

div.ItemDestacado .FondoImagenItemDestacado
{
    display:inline-block;
    background-color:White;
    width:100%;    
    padding-bottom:13px;
    padding-top:15px;
    border:solid 0px #EAEAEA;
    border-bottom-width:1px;
    border-top-width:1px;
    margin-top:-5px;
}


.OperacionItemDestacado
{
    display:inline-block;
    text-align:left;
    font-family:Lucida Sans;
    font-size:12px;
    font-weight:bold;
    color:#666;
    text-transform:uppercase;
    width:201px;    
    height:14px;
    line-height:14px;    
    margin-top:8px;    
    margin-left:10px;
    float:left;
}

.TituloItemDestacado
{
    display:inline-block;
    text-align:left;
    font-family:Lucida Sans;
    font-size:11px;
    font-weight:bold;
    color:#343434;
    text-transform:uppercase;
    width:150px;    
    margin-top:10px;
    margin-bottom:5px;    
    padding-left:9px;    
    float:left;
}

.TituloItemDestacado b
{
    font-size:15px;    
}

div.ItemDestacado a:hover .TituloItemDestacado
{
    background-position: right top;      
}

div.ItemDestacado a .VerMas
{
    display:inline-block;
    width:43px;
    height:42px;    
    margin-top:10px;
    margin-right:-11px;
    background-image: url("VerMasDestacado.png");
    background-repeat: no-repeat;        
    background-position: right bottom;           
    float:right;
}

div.ItemDestacado a:hover .VerMas
{
    background-position: right top;      
}

.SubtituloItemDestacado
{
    display:inline-block;
    text-align:justify;
    font-family:Lucida Sans;
    font-size:12px;
    font-weight:bold;
    color:#717171;
    width:186px;
    line-height:12px;
    margin-top:2px;
    padding-right:9px;
    padding-left:9px;
}



/* Cuadro de contacto */

div.PopupContacto {    
    position: relative; width: 395px; height: 500px;
    border: solid 1px #969696; background-color: White;
    background-image: url('fondoPopup.jpg'); 
    background-repeat: no-repeat; background-position: center 107px; 
}

div.FondoPopupContacto {
    background-color: black; filter: alpha(opacity=70); opacity: 0.7;
}

div.PopupContacto div.BotonCerrar {
    position: absolute; left: 353px; top: 90px;
    width: 31px; height: 31px; background-color: White;
    border: solid 1px #969696; background-image: url('cerrarPopup.png');
    background-repeat: no-repeat; background-position: center center;
}

div.PopupContacto div.Logo {
    border: solid 1px #969696; position: absolute; left: 14px; top: 21px;
}

div.PopupContacto div.Logo IMG {
    vertical-align:middle;
}

div.PopupContacto div.EncabezadoContacto {
    position: absolute; left: 145px; top: 35px;
}

div.PopupContacto div.EncabezadoContacto h3 {
    padding: 0px; margin: 0px; font-size: 12px; font-weight: bold;
}

div.PopupContacto div.EncabezadoContacto h4 {
    padding: 0px; margin: 0px; font-size: 11px; font-weight: normal;
}

div.PopupContacto div.Formulario {    
    position: absolute; margin: 120px 80px 0px 15px; margin-bottom: 10px; height: 330px; 
    width:350px;
}

div.PopupContacto div.Formulario input, textarea {
    display: block; margin-bottom: 10px; margin-left:0px; width: 100%;
}

div.PopupContacto div.Formulario textarea {
    height: 130px; margin-bottom: 10px;
}

div.PopupContacto div.Formulario input.BotonAceptar {
    position: absolute; width: 90px; bottom: 0px; left: 130px;
    border: solid 1px #A6A5AA; color: #737373; font-weight: bold; font-size: 11px;
    background-color: #EEEEEE;
}

div.PopupContacto div.Formulario div.vContacto ul {
    padding: 0px; margin: 0px; padding-left: 10px; font-size: 10px;
}

.logoPie
{
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    border:solid 0px red;
    position:absolute;
    left:385px;
    margin-top:17px;
    background-color:#D0D0D0;
    width:100px;
    height:75px;
}

.logoPie img
{
    margin-top:-3px;
    margin-left:-3px;
}

.graciasFormulario
{
    display:none;
    margin-top:35px;
    line-height:20px;    
    width:365px;
    text-align:center;
    font-size:14px;
    float:left;
    border:solid 0px red;
}

.SitioWebInmobiliaria
{
    display:inline-block;
    font-family:Arial;
    font-size:15px;
    color:#3A3A3A;
    text-decoration:none;
    margin-left:-6px;
    margin-top:-30px;
    background-image:url("/inmobiliarias/sitio/estilos/comunes/grayday/IconoSitioWeb.jpg");
    background-repeat:no-repeat;
    background-position:left center;
    line-height:23px;
    padding-left:26px;
    padding-top:3px;
}

.SitioWebInmobiliaria:hover
{    
    color:#9C9C9C;    
}

.seccionDetalleTable
{
    font-family: verdana, arial, sans-serif; 
    font-size: 11px;
    color: #8C8C8C;    
	text-decoration: none;    
	width:100%;	
}

.nombreSeccionDetalleTable
{
    display:none;
}

.tablaMapaFrame
{
    border-collapse:collapse;
    margin-right:auto;
    border-style:solid;
    border-color:#A9A9A9;
    border-width:1px;
    margin-top:1px;
    margin-bottom:20px;
}

.tablaMapaFrame TD
{
    padding:2px;
    margin:2px;    
}

.frameMapaDetalleProducto
{
    width:935px;
    height:480px;    
}

.MenuOperaciones,
.MenuOperaciones li,
.MenuOperaciones li a,
.MenuTiposInmueble,
.MenuTiposInmueble li,
.MenuTiposInmueble li a
{
    display:inline-block;
    margin:0px;
    padding:0px;
    list-style-type:none;
    line-height:43px;
    float:left;
    font-family:Arial;
}

.MenuTiposInmueble,
.MenuTiposInmueble li,
.MenuTiposInmueble li a
{
    line-height:34px;
}

.MenuOperaciones
{
    width:900px;    
    background-image:url("/inmobiliarias/sitio/ascx/menuoperaciones/imgs/MenuOperacionesFondo.jpg");
    background-repeat:repeat-x; 
    padding-left:60px;   
    float:none;
}

.MenuTiposInmueble
{
    width:960px;    
    background-color:#ededed;
    border:dotted 0px #c3c3c3;
    border-bottom-width:1px;
    float:none;
}

.MenuOperaciones li
{
    width:auto;
    border:solid 0px blue;
    background-image:url("/inmobiliarias/sitio/ascx/menuoperaciones/imgs/MenuOperacionesSeparador.jpg");
    background-repeat:no-repeat;    
    background-position:left;    
}

.MenuOperaciones #SeparadorFinal
{
    width:2px;
    height:42px;
}

.MenuTiposInmueble li
{
    width:auto;
    border:solid 0px blue;    
    color:#333;
    font-size:12px;
}

.MenuOperaciones li a.Operacion
{
    width:auto;
    padding-left:25px;
    padding-right:25px;    
    color:#f2f2f2;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    text-transform:uppercase;
    background-image:url("/inmobiliarias/sitio/ascx/menuoperaciones/imgs/MenuOperacionesFondoHover.jpg");    
    background-repeat:repeat-x;
    background-position:center -43px;
    line-height:42px;
}

.MenuOperaciones li a.Operacion:hover
{
    background-color:Transparent;    
    background-position:center 0px;
}

.MenuOperaciones li a.OperacionSeleccionada
{    
    
    width:auto;
    padding-left:25px;
    padding-right:25px;    
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    text-transform:uppercase;
    background-image:url("/inmobiliarias/sitio/ascx/menuoperaciones/imgs/MenuOperacionesFondoHover.jpg");    
    background-repeat:repeat-x;
    background-position:center -43px;            
    color:#4c4c4c;
    background-color:#ededed;
    background-image:none;
    border-top:solid 2px #ffffff;    
    line-height:40px;
    height:41px;
}

.MenuOperaciones li a.OperacionSeleccionada:hover
{
    background-image:none;
}


.MenuTiposInmueble li a
{
    width:auto;
    padding-left:15px;
    padding-right:15px;
    color:#333333;    
    font-size:14px;
    text-decoration:none;    
}

.MenuTiposInmueble li a:hover
{    
    color:#777777;
}

.TituloSeccion
{
    display:inline-block;
    width:876px;
    font-family:Lucida Sans;
    font-size:20px;
    line-height:39px;
    height:46px;
    color:#3E3E3E;
    background-image:url("FondoTituloSeccion.png");
    background-repeat:no-repeat;    
    background-position: left top;
    padding-left:35px;    
    margin-top:15px;
    margin-bottom:0px;
    float:left;
    margin-left:-30px;
}

.Filtros
{
    display:inline-block;
    width:100%;
    float:left;    
}

.Filtros ul,
.Filtros ul li
{
    display:inline-block;
    margin:0px;
    padding:0px;
    list-style-type:none;
    width:915px;    
    line-height:20px;
    float:left;
}

.Filtros ul
{    
    margin-bottom:5px;    
}

.Filtros ul li
{    
    font-family:Lucida Sans;
    font-size:12px;
    color:#D3D3D3;    
    width:auto;
    margin-left:3px;
}

.Filtros ul .TituloFiltro
{   
    color:#3E3E3E;     
}

.Filtros ul li a
{   
    color:#909090; 
    text-decoration:none;
    display:inline-block;
    padding-right:7px;
    padding-left:7px;    
    white-space:nowrap;
}

.Filtros ul li a:hover
{       
    text-decoration:underline;
}

.Filtros ul li a.FiltroSeleccionado
{       
    color:#3E3E3E;
    font-weight:bold;    
}

.Filtros ul li a.FiltroAmbienteSeleccionado
{       
    color:#3E3E3E;
    font-weight:bold;
    background-color:#E7E7E7;    
}

.DestacadoPrincipal
{
    display:inline-block;
    width:100%;        
    height:427px;
    overflow:hidden;
    background-image:url("/inmobiliarias/sitio/ascx/destacadosPrincipales/css/images/FondoPixelDestacado.jpg");
    background-repeat:repeat-x;        
}

.DestacadoPrincipalInfo
{
    display:inline-block;
    width:790px;
    height:419px;
    float:left;    
    text-decoration:none;    
}

.DestacadoPrincipalInfo .BandaNuevo
{    
    position:absolute;
 
}

.DestacadoPrincipalInfo .FotoPrincipal
{
    margin-top:5px;
    padding:10px;
    margin-left:6px;    
    background-color:White;
    border:solid 1px #D4CFD6 !important;    
}

.DestacadoPrincipalInfo .TituloDestacadoPrincipal,
.DestacadoPrincipalInfo .SubtituloDestacadoPrincipal,
.DestacadoPrincipalInfo .DescipcionDestacadoPrincipal
{
    display:block;
    width:auto;  
    border:solid 0px black;
    color:#454545;
    font-family:Lucida Sans;
    font-size:14px;
    margin-bottom:10px;
    white-space:normal;
}

.DestacadoPrincipalInfo .TituloDestacadoPrincipal
{
    text-transform:uppercase;
    font-weight:bold;
    font-size:25px;   
    color:#343434;
}

.DestacadoPrincipalInfo .SubtituloDestacadoPrincipal
{
    font-size:24px;
}

.DestacadoPrincipalInfo .DescipcionDestacadoPrincipal
{
    font-family:Lucida Sans;
}

.DestacadoPrincipalFotos,
.DestacadoAnchoPrincipalFotos
{
    display:inline-block;
    width:405px;
    padding-left:6px;
    height:90px;
    float:right; 
    overflow:hidden;
    margin-top:-150px;    
    margin-right:12px;
    padding-bottom:1px;    
}

.DestacadoAnchoPrincipalFotos
{
    width:800px;
    float:left; 
    margin-right:0px;
    margin-left:-2px;
    text-align:center;    
}

.DestacadoPrincipalFotos img,
.DestacadoAnchoPrincipalFotos img
{
    display:inline-block;
    float:left;
    padding:7px;
    border:solid 1px #D4CFD6 !important;
    background-color:White;
    margin-right:4px;
    margin-top:5px;
    width:80px;
    height:70px;
}

.DestacadoAnchoPrincipalFotos img
{
    float:none;
    margin-right:14px;
}

.DescripcionDestacadoPrincipalContenedor,
.DescripcionDestacadoPrincipalContenedor_2
{
    display:inline-block;
    width:49%;
    height:300px;
    overflow:hidden;
    float:left;
    margin-top:16px;
    
    /*lo del cursor hand es porque en IE7 no anda el link 
    entonces se hace por javascript el redirect*/
    cursor:hand;    
}

.DescripcionDestacadoPrincipalContenedor_2
{
    width:50%;
}

.FotoGdeContenedorExterno,
.FotoGdeContenedorExterno_2
{
    display:inline-block;
    width:48%;    
    overflow:visible;
    float:left;
    margin-top:15px;
    margin-right:20px;    
    text-align:center;
    
    /*lo del cursor hand es porque en IE7 no anda el link 
    entonces se hace por javascript el redirect*/    
    cursor:hand;
}

.FotoGdeContenedorExterno_2
{
    margin-right:10px;    
    width:46%;    
}

.FotoGdeContenedorInterno
{
    display:inline-block;
    margin-left:auto;
    margin-right:auto;    
    position:relative;
}

.FacebookUrl,
.TwitterUrl
{
    display:inline-block !important;
    float:right !important;
    width:30px !important;
    /*height:30px !important;*/
    margin-right:15px !important;
    border:solid 0px aqua !important;
}

.FacebookUrl a,
.FacebookUrl a:hover,
.TwitterUrl a
{
    display:inline-block !important;
    float:right !important;
    width:30px !important;
    height:30px !important;
    background-image:url(facebook.png) !important;
    background-repeat:no-repeat !important;
    margin-top:6px !important;    
    border:solid 0px red;
}

.TwitterUrl a,
.TwitterUrl a:hover
{
    background-image:url(twitter.png) !important;
}
