/* 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;
    font-family: Tahoma; font-size: 11px; color: #686868;
}

div#Todo  {
    /*width: 792px; margin: 30px auto;*/
    width: 750px; margin: 30px auto;
}

/*.Encabezado */
.Encabezado {
    position: relative; height: 162px; background-image: url("encabezado.png");
}

.EncabezadoConFlash {
    position: relative; height: 162px;
}

div#CabeceraFlash 
{
    border:solid 0px red;
    top:-25px;
    position:relative; 
}

div#Cuerpo {
    position: relative; min-height: 200px; background-color: White;
}

div#Pie {
    /*position: relative; background-image: url("pie.png"); height: 73px; top: -1px;*/
    position: relative; background-image: url("pie.png"); height: 90px; top: -1px;background-repeat:no-repeat;
}

/* Estilos del encabezado */

.Encabezado div.Logo {
    border: solid 1px #BEBEBE; position: absolute; top: 30px; right: 50px;
}

.Encabezado div.Logo IMG{
    vertical-align:middle;
}

.Encabezado a.CuadroInfo 
{    
    width: 214px; height: 90px; padding: 40px; padding-top: 20px;
    background-image: url("solapa.png");
    position: absolute; top: -24px; 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 {
    width: 50%; height: 37px; padding: 0px; margin: 0px; float:left;
    background-image: url("degrade.jpg"); position: absolute; bottom: 0px; 
    z-index: 5; line-height: 37px; font-size: 14px; border:solid 0px blue;
}

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: 50%; height: 37px; padding: 0px; padding-right:2px; margin: 0px; float:left; right:0px;
    background-image: url("degrade.jpg"); position: absolute; bottom: 0px; 
    z-index: 5; line-height: 37px; font-size: 14px; border:solid 0px red;
}

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: 23px; width:24px; margin: 1px 0px; vertical-align:middle;
    text-decoration: none; color: #686868; text-align:center;
    margin-left:10px; margin-right:10px; border:solid 0px red;    
}

ul#BarraIdiomas li a:hover {
    text-decoration: none; 

}*/

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
{
/*    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;*/
    background-image:url(./../imgs/en.png);
}

.lnkEspanol
{
    background-image:url(./../imgs/es.png);
}

.lnkPortugues
{
    background-image:url(./../imgs/pt.png);
}

/*.lnkIngles:hover {
    text-decoration: none; 
    background-position:bottom;
}*/

/* Estilos del cuadro del buscador */
/*
.buscadorPropiedadesListado {
    width: auto; height: 100px; padding: 5px; padding-bottom: 10px;
    border: solid 1px #EBEBE7; background-color: white; margin-bottom:10px;
    background-image: url("fondoBuscador.jpg"); background-repeat:repeat-x;   
}

.buscadorPropListadoCabecera {
    width: auto; height:30px; text-align:left;
}

.formularioBuscPropListadoUL {
    float:left; list-style-type:none; margin:0px; padding:0px; width:auto;
    margin-left: 20px;
}

.formularioBuscPropListadoUL LI {
    width:240px; float:left; vertical-align:middle; border:solid 0px green;
    margin-bottom:2px;
}

.notaPieBPropListado {
    padding-left: 10px; top: -11px; width: auto; line-height: 12px; margin-bottom: 2px;
    text-align:left; font-family:Tahoma; font-size:10px; color:#A7A7A7;
    border:solid 0px red;
}

.buscadorPropTitulo {    
    text-align:right; padding-right:5px; font-size:11px; color:#4a4a4a;
    display:block; height:24px; line-height:24px; float:left; width:75px;
    border:solid 0px red;
}

.buscadorPropTituloCorto {    
    text-align:right; padding-right:5px; font-size:11px; color:#4a4a4a;
    display:block; height:24px; line-height:24px; float:left; width:45px;
    border:solid 0px red;
}

.buscadorPropDato {
    display:block; height:24px; line-height:24px; float:left; border:solid 0px blue;
}

.buscadorPropDato INPUT {
    font-size:11px; color:#666666; vertical-align:middle; margin-top:2px; padding-top:1px;
    padding-bottom:1px;
}

.buscadorPropDato INPUT[type=text] {
    margin:0px; margin-top:3px; vertical-align:middle; border:dashed 0px #B5B8C8;    
}

.buscadorPropDato SELECT {
    font-size:11px; color:#666666; padding-top:1px; padding-bottom:1px;
    margin-top:3px; vertical-align:middle; width:145px; border:dashed 0px #B5B8C8;
}

.formularioUL {
    float:left; list-style-type:none; margin:0px; padding:0px; width:250px;
}

.formularioUL LI {    
    width:250px; float:left; vertical-align:middle; border:solid 0px green;
    margin-bottom:2px;
}

.buscadorPropListadoBotones {
    width:auto; text-align:right; border:solid 0px violet; font-size:12px; color:#FFFFFF;    
}
*/
/* Estilos del cuerpo */

.divBPHome
{
    border: solid 0px red;    
    height:100%;
}

div#QuienesSomos {
    position: relative;     
    min-height: 170px; 
    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 {
    
    border: solid 1px #ffffff;    
    width:305px;
    margin-left:290px;
}

div.Barra {
    position: relative; height: 23px; padding: 7px 30px; margin: 0px;
    background-image: url("degrade.jpg"); line-height: 37px; font-size: 16px;    
}

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:728px;
    /*padding: 5px 37px; */
    /*padding: 5px; */
    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 {
    /*width: 153px; height: 200px; padding: 18px 6px; padding-bottom: 0px;
    margin: 10px; margin-left: 0px;
    border: solid 1px #BEBEBE; background-color: White; 
    overflow: hidden; text-align: center; float: left; position: relative;*/
    width: 166px; height: 219px; 
    margin: 10px; margin-right: 5px;margin-left: 5px;
    background-color: White; 
    text-align: center; float: left; position: relative;    
    background-color:#DEDEDE;
}

div.ItemDestacado h3 {
    width: 100%; height: 34px; margin:0px; padding-left: 4px;
    font-size: 14px; line-height: 34px;
    position: absolute; bottom: 0px; left: 0px;
    background-color: #F5F5F5; background-image: url("flechavalor.jpg");
    background-repeat: no-repeat; background-position: 5px;
}


div.ItemDestacado A
{
    display:block;
    cursor:pointer;
    color:#686868; text-decoration: none;
    width: 153px; height: 200px; padding: 18px 6px; padding-bottom: 0px;
    margin-left: 0px;
    border: solid 1px #BEBEBE; background-color: White; 
    overflow: hidden; text-align: center; float: left; position: relative;    
}

div.ItemDestacado A:hover {
    display:block;
    color:#686868; text-decoration: none;
    width: 153px; height: 200px; padding: 18px 6px; padding-bottom: 0px;
    margin-left: 0px;
    border: solid 1px #BEBEBB; background-color: White; 
    overflow: hidden; text-align: center; float: left; position: relative;
    top:-5px;left:-5px;
}

/* Estilos del pie */
div#Pie div.PieMardelPlata {
    /*width: 230px; height: 50px; overflow: hidden; position: absolute; top: 14px; */
    width: 230px; height: 55px;  overflow: hidden; position: absolute; top: 14px;     
    left: 27px; font-size: 11px; border:solid 0px red;color:#686868;
}

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: 50px; overflow: hidden; position: absolute; top: 14px; */
    width: 230px; height: 55px; overflow: hidden; position: absolute; top: 19px;     
    left: 460px; font-size: 11px; border:solid 0px red;
}

div#Pie div.CuadroInfo h3 {
    padding: 0px; margin: 0px; font-size: 12px; font-weight: bold;
}

div#Pie div.CuadroInfo h4 {
    padding: 0px; margin: 0px; font-size: 11px; font-weight: normal;
}

/* Cuadro de contacto */

div.PopupContacto {
    /*position: relative; width: 395px; height: 525px;*/
    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: relative; margin: 120px 80px; margin-bottom: 10px; height: 340px; */
    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
{
    margin-left:auto;
    margin-right:auto;
    border:solid 0px red;
    position:absolute;
    left:325px;
    margin-top:7px;
}