﻿/* titulo y párrafo en home */
.contenido .colDer #menuDestacados h1 {
    background-image: url(/public/imgs/titleDestacados.jpg);
}
.contenido .colDer p {
    padding: 10px 10px 0px 10px;
}
/* corrige margen de listaimagenes.css*/
.contenido .colDer .selecto, .contenido .colDer .claro, .contenido .colDer .oscuro {
    margin: 6px;
    height: 176px !important; /* 214px */
    font-size: 12px !important;
}

/* link publique aquí */
.contenido .colIzq .publiqueAqui {
    margin: auto;
    display: block;
    float: none;
    text-align: center;
}
/* promoción invierta en PdelE */
.invertirPDE {
    width:300px; height:180px; background-repeat: no-repeat; background-image: url(/public/imgs/ss.jpg); margin:auto;
}
.invertirPDE .casas {
    color: #FFFFFF; font-weight:bold; text-decoration: none; font-size: 21px; float:left; text-align:center; margin-left: 14px; margin-top: 120px;
}
.invertirPDE .apartamentos {
    color: #FFFFFF; font-weight:bold; text-decoration: none; font-size: 21px; float:right; text-align:center; margin-right: 14px; margin-top: 120px;
}
.invertirPDE a {
    padding: 4px;
}
.invertirPDE a:hover {
    background-color: #4086AB;
}

/* resultados estadísticos por zonas */
.colVentasPorZona, .colAlquileresPorZona {
    height: 100px;
    margin: 0px 8px 4px 4px;
    overflow: auto;
    border-bottom: 1px solid #EDEDED;
}

/**
 * MENU SOBRE LAS PROPIEDADES RAND
 ******************************************************************************/
.menuSecundario h1 {
    color: #FFFFFF;
    font-size: 1px;
    text-indent: -20000px;
    height: 26px;
    /* float: left; */
    margin-top: 10px;
    margin-left: 4px;
    width: 150px;
    background-repeat: no-repeat;
}
.menuSecundario#menuVentas h1 {
    background-image: url('/public/imgs/titleVentas.jpg');
}
.menuSecundario#menuAlquileres h1 {
    background-image: url('/public/imgs/titleAlquileres.jpg');
}

.menuSecundario ul {
    list-style: none;
    /* float: right; */
    margin-left: 12px;
    margin-top: 6px;
}
.menuSecundario ul li {
    float: left;
    margin-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #AAAAAA;
}
.menuSecundario ul li.sinborder {
    border-right: 0px;
}
.menuSecundario ul li a {
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
    color: #AEB1B7;
}
.menuSecundario ul li a:hover {
	color: #80B8DD;
}

/**
 * PROYECTO RAND
 ******************************************************************************/
/* titulo */
#proyectoRand .tituloCajaCeleste h1 {
    height: 36px;
    background-image: url(/public/imgs/tituloProyectoRand.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    display: block;
    clear: both;
    margin: 0px 0px 6px 24px;

}
/* imagen */
#proyectoRand .contenidoCajaCeleste {
    background-image: url(/public/imgs/proyectoInf.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    /*padding-bottom: 18px;*/
}
#proyectoRand .contenidoCajaCeleste .imgsProyecto {
    margin: auto;
    width: 250px;
    height: 170px;
}
#proyectoRand .contenidoCajaCeleste .imgsProyecto img {
    width: 250px;
    height: 150px;
    margin: auto;
    border: 2px solid #506B80;
}
/* contenido */
#proyectoRand .contenidoCajaCeleste #msgProyecto {
    height: 80px;
    overflow: hidden;
}
#proyectoRand .contenidoCajaCeleste #msgProyecto #ocultaMsgProyecto {
    height: 78px;
    display: none;
}
#proyectoRand .contenidoCajaCeleste #msgProyecto #zonaMsgProyecto {
    padding: 10px 20px 0px 20px;
    color: #FFFFFF;
    background-image: url(/public/imgs/proyectoCen.jpg);
    background-position: center;
    background-repeat: repeat-y;
    height: 100px;
}
/* pie */
#proyectoRand .contenidoCajaCeleste .verMasProyectos {
    height: 28px;
    text-align: right;
}
#proyectoRand .contenidoCajaCeleste .verMasProyectos a {
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    margin-right: 30px;
}
#proyectoRand .contenidoCajaCeleste .verMasProyectos a:hover {
    color: #F8E03E;
}

/**
 * NEWSLETTER
 ******************************************************************************/
#newsletter {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 6px;
    margin-right: 6px;
        float: right;
}
#newsletter .tituloCajaCeleste {
    font-size: 1px;
    text-indent: -20000px;
    color: #CCCCCC;
    text-align: center;
}
#newsletter .contenidoCajaCeleste img {
    margin: 0px 10px 0px 10px; /* 10px 10px 16px 10px */
    border: 0px;
    cursor: pointer;
}
#newsletter .contenidoCajaCeleste #toggleFormNewsLetter {
    padding-top: 0px;
    padding-bottom: 4px;
    width: 240px;
    margin: auto;
    clear: both;
}
#newsletter .contenidoCajaCeleste #toggleFormNewsLetter p {
    text-align: center;
    display: block;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 12px;
    width: 230px;
}
#newsletter .contenidoCajaCeleste form {
    background-color: #F9FDFF;
    width: 250px;
    margin: auto;
    display: block;
    clear: both;
}
#newsletter .contenidoCajaCeleste form input {
    /* border-bottom: 1px solid #C6ECF4; */
    border-bottom: 1px solid #D6EBF5;
    background-color: #F9FDFF;
    padding: 4px;
    display: block;
    width: 220px;
    margin-left: 4px;
    color: #AAAAAA;
    font-style: italic;
}
#newsletter .contenidoCajaCeleste .onfocus {
    color: #333333 !important;
    font-style: normal !important;
}
#newsletter .contenidoCajaCeleste form input.invisible {
    display: none;
}
#newsletter .contenidoCajaCeleste form input.enviar {
    padding: 4px;
    width: 70px;
    display: block;
    clear: both;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    color: #156475;
    margin-top: 4px;
    margin-left: 160px;
    font-weight: bold;
}
#newsletter .contenidoCajaCeleste #contenedorFormNewsLetterWrap {
    background-image: url(/public/imgs/loadingCeleste.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
#newsletter .contenidoCajaCeleste #msgNewsLetter,
#newsletter .contenidoCajaCeleste #contenedorFormNewsLetterMessage {
    width: 190px !important;
    clear: both;

    padding: 10px;
    padding-left: 42px;
    padding-bottom: 16px;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 10px;

    border: 1px solid #DDDDDD;
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    color: #666666;
}
#newsletter .contenidoCajaCeleste #contenedorFormNewsLetterMessage {
    display: none;
}
#newsletter .contenidoCajaCeleste .msgNewsLetterOk,
#newsletter .contenidoCajaCeleste .contenedorFormNewsLetterMessageOk {
    background-image: url(/public/imgs/ok.jpg);
    background-position: 6px 8px;
}
#newsletter .contenidoCajaCeleste .msgNewsLetterError,
#newsletter .contenidoCajaCeleste .contenedorFormNewsLetterMessageError {
    background-image: url(/public/imgs/error.jpg);
    background-position: 6px 8px;
}
#newsletter .contenidoCajaCeleste .contenedorFormNewsLetterMessageInfo {
    background-image: url(/public/imgs/info.jpg);
    background-position: 6px 8px;
}

/**
 * MONEDA
 ******************************************************************************/
.bkgMoneda {
    background-image: url(/public/imgs/bkgCotizacion.jpg);
    background-position: top center;
    background-repeat: no-repeat;

    margin: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    width: 300px;
    height: 130px;
    display: block;
    border: 1px solid #FFFFFF;
}
.bkgMoneda ul {
    list-style: none;
    width: 280px;
    height: 70px;
    margin: auto;
    margin-top: 46px;
}
.bkgMoneda ul li {
    float: left;
    width: 68px;
    height: 68px;
}
.bkgMoneda ul li dl dt {
    font-size: 1px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 24px;
}
.bkgMoneda ul li dl dt.USD {
    background-image: url(/public/imgs/USD.jpg);

}
.bkgMoneda ul li dl dt.EUR {
    background-image: url(/public/imgs/EUR.jpg);

}
.bkgMoneda ul li dl dt.BRL {
    background-image: url(/public/imgs/BRL.jpg);

}
.bkgMoneda ul li dl dt.ARS {
    background-image: url(/public/imgs/ARS.jpg);

}
.bkgMoneda ul li dl dd {
    color: #FFFFFF;
    text-align: center;
    height: 20px;
}

/* auspicio y otros links */
.links {
    margin-top: 10px;
    overflow: hidden;
    width: 700px;
    height: 140px;
    overflow: hidden;
}
.links .auspiciantes {
    float: left;
    height: 140px;
    width: 280px;
    background-image: url(/public/imgs/separador.jpg);
    background-repeat: no-repeat;
    background-position: center right;
}
.links .auspiciantes h1 {
    height: 40px;
    background-image: url(/public/imgs/titleAuspiciantes.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 1px;
    color: #FFFFFF;
    margin-left: 20px;
}
.links .auspiciantes .adipe {
    margin: auto;
    width: 90px;
    height: 90px;
    display: block;
    background-image: url(/public/imgs/adipe.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    font-size: 1px;
    color: #FFFFFF;
    float: left;
    margin-left: 10px;
}
.links .auspiciantes .cidem {
    margin: auto;
    width: 140px;
    height: 80px;
    display: block;
    background-image: url(/public/imgs/cidem.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    font-size: 1px;
    color: #FFFFFF;
    float: left;
}
.links .otros {
    float: left;
    height: 150px;
    width: 410px;
}
.links .otros .imm {
    width: 176px;
    height: 110px;
    display: inline-block;
    float: left;
    background-image: url(/public/imgs/imm.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    font-size: 1px;
    color: #FFFFFF;
}
.links .otros .mtd {
    width: 230px;
    height: 110px;
    display: inline-block;
    float: left;
    background-image: url(/public/imgs/mtd.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    font-size: 1px;
    color: #FFFFFF;
}

/*
 * NOVEDADES
 ******************************************************************************/
.novedades {
    border-top: 6px solid #F0F0F0;
    background-color: #F7F7F7;
	margin: auto;
    color: #333333;
    height: auto;
    display: block;
    width: 100%;
}
.novedades .contentNovedades {
    width: 1024px;
	margin: auto;
    color: #333333;
    height: auto;
    display: block;
}
.novedades .contentNovedades a {
    text-decoration: underline;
    color: #333333;
}
.novedades .contentNovedades a:hover {
    color: #000000;
}
.novedades .contentNovedades .seccion {
    width: 323px;   /* 310px */
    float: left;
    margin: 5px; /* 10px */
}
.novedades .contentNovedades .seccion img {
    border: 6px solid #EBEBEB;
    margin: auto;
    display: block;
    width: 274px;
    height: 124px;
}
.novedades .contentNovedades .seccion .imgalternativa {
    border: 6px solid #B9E9FF;
}
.novedades .contentNovedades .seccion h1 {
    color: #666666;
    font-size: 13px;
    font-variant: small-caps;
    margin: 4px 10px 4px 10px;
    padding: 4px 4px 4px 6px;
    border-bottom: 1px solid #DDDDDD;
    text-align: right;
}
.novedades .contentNovedades .seccion h3 {
    color: #666666;
    font-size: 13px;
    margin: 4px 5px 0px 10px;
    padding: 4px 4px 4px 6px;
}
.novedades .contentNovedades .seccion p {
    padding: 4px;
    margin: 4px 10px 4px 10px;
}
.novedades .contentNovedades .seccion ul {
    margin: 4px 4px 4px 20px;
}
.novedades .contentNovedades .seccion ul li {
    margin: 0px;
    padding: 2px;
    list-style: circle;
    list-style-position: inside;
    vertical-align: middle;
}
.novedades .contentNovedades .seccion ul li a {
    color: #444444;
    text-decoration: none;
}
.novedades .contentNovedades .seccion ul li a:hover {
    text-decoration: underline;
}
/* corrige tamaño de lista de estadísticas zonas */
.novedades .contentNovedades #seccionEstadisticas ul {
    margin-top: 0px;
}
.novedades .contentNovedades #seccionEstadisticas ul li {
    margin: 0px;
    padding: 0px;
}

/*
 * PIE
 ******************************************************************************/
.pie {
    border-top: 6px solid #E4F1F8; /* EBEBEB */
    background-color: #FEFEFE;
    background-image: url(/maqueta/public/imgs/bkg_pie.jpg);
    background-repeat: repeat-x;
	margin: 0px;
    padding-bottom: 0px;
    /* margin-top: 6px; */
    height: auto; /* height: 239px; 196 */
    display: block;
    width: 100%;
}
.pie .contentPie {
    width: 1024px;
	margin: auto;
    height: auto;
    display: block;
    /*border-right: 1px solid #EFEFEF;*/
}
.pie .contentPie .seccion {
    width: 310px;
    float: left;
    margin: 10px;
    border-left: 1px solid #EFEFEF;
}
.pie .contentPie .seccion h1 {
    /* color: #344954; */
    color: #888888;
    font-size: 13px;
    font-variant: small-caps;
    margin: 4px 10px 4px 10px;
    padding: 4px;
    text-align: left;
}
.pie .contentPie .seccion ul {
    color: #4398D1;
    margin: 4px 10px 4px 10px;
    padding: 4px;
    vertical-align: text-top;
    text-align: left;
    list-style: none;
}
.pie .contentPie .seccion ul li {
	padding: 4px;
}
.pie .contentPie .seccion ul li a {
    vertical-align: text-top;
    color: #225875; /* #4B63AE; */
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}
.pie .contentPie .seccion ul li a:hover {
    /* color: #1B4663; */
    text-decoration: underline;
}
.pie .contentPie .seccion ul li a img {
    border: 1px solid #EFEFEF;
    display: block;
}
.pie .contentPie .seccion p {
    font-weight: normal;
    padding: 4px;
    text-align: right
}

/**
 * Banner de alquileres temporales
 ******************************************************************************/
.bannerAlqsTemps {
    width: 674px; /* 670 */
    height: 190px;
    margin: auto;
    margin-top: 10px;
    overflow: hidden;
    display: block;
    clear: both;
    background-image: url(/public/imgs/bannerAlqsTemps.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.bannerAlqsTemps h1 {
    display: none;
}
.bannerAlqsTemps .vinculosTemp {
    height: 124px;
    display: block;
    padding: 0px;
    overflow: hidden;
}
.bannerAlqsTemps .vinculosTemp .casasTemp,
.bannerAlqsTemps .vinculosTemp .apartamentosTemp {
    display: inline-block;
    margin: 90px 0px 0px 4px;
    padding-top: 100px;
}
.bannerAlqsTemps .vinculosTemp .casasTemp {
    width: 70px;
}
.bannerAlqsTemps .vinculosTemp .apartamentosTemp {
    width: 140px;
}
.bannerAlqsTemps .infoTemp {
    color: #FFFFFF;
    font-size: 10px;
    margin-top: 14px;
    width: 300px;
}



/**
 * Vinculos bajo el pie
 ******************************************************************************/
.estamosen {
    background-color: #F9F9F9;
}
.estamosen .links {
    margin: auto;
    width: 1020px;
}
.estamosen .links h1 {
    border-bottom:1px solid #DDDDDD;
    color: #BBBBBB;
    font-size:13px;
    font-variant:small-caps;
    margin: 4px 10px 4px 0px;
    padding:4px 4px 4px 6px;
    text-align: left;
}
.estamosen .links a {
    color: #CCCCCC;
    padding: 0px 4px 0px 0px;
}

/*
                <!-- post-it de eventos //-->
                <style>
                    .postit_eventos { float: right; width: 140px; height: 100px; }
                    .postit_eventos .eventos { width: 130px !important; height: 40px !important; }
                    .postit_eventos .eventosEnero, .postit_eventos .eventosFebrero { width: 64px !important; height: 44px !important; float: left !important; }
                    .animacion { display:block; clear: both; margin-top: 10px !important; }
                </style>
                <div class="postit_eventos">
                    <a href="/info/eventos" title="Eventos" class="eventos">Eventos</a>
                    <a href="/info/eventos/de/enero" title="Eventos de enero"  class="eventosEnero">Eventos de enero</a>
                    <a href="/info/eventos/de/febrero" title="Eventos de febrero" class="eventosFebrero">Eventos de febrero</a>
                </div>
                <!-- fin post-it de eventos //-->
*/

