﻿* {margin:0;padding:0;}

a {text-decoration:none;}

img {border-style:none;}

footer, section, aside, article {display:block;}

body {
    margin:0 auto;
    width:100%;
    background:rgb(224, 224, 224);
    background-image:url("../images/fondo.jpg");
    background-repeat: repeat-x; 
}

h1 {
    font-family: 'Lora', serif;
    font-size: 23px;
    font-weight: normal;
    color: rgb(236, 0, 140);
    margin-bottom: 20px;
    }

#main_container {
    width: 1002px;
    min-height: 820px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../images/degrade.png");
    background-repeat: repeat-x;
    overflow: auto;
}

#header {
    width: 1002px;
    height: 145px;
    }
    
    #header_logo {
        width: 406px;
        height: 145px;
        background-image: url("../images/logo.png");
        background-repeat: no-repeat;
        background-position: 40px 23px;
        float: left;
       }

    #header_clientes {
        width: 264px;
        background-image: url("../images/acceso_clientes.png");
        background-position: left 40px;
    }
    #header_buscador {
        width: 306px;
        padding-left: 25px;
        background-image: url("../images/lupa.png");
        background-position: 25px 40px;
    }

    #header_clientes, #header_buscador {
        height: 65px;
        padding-top: 80px;
        background-repeat: no-repeat;
        font-family: Arial;
        font-size: 11px;
        color: rgb(116, 116, 116);
        float: left;
       }
    #header_linea {
        width: 1px;
        height: 145px;
        background-image: url("../images/linea.png");
        background-repeat: no-repeat;
        background-position: left 40px;
        float: left;
    }

#botonera {
    width: 960px;
    height: 97px;
    margin: 0 auto 25px auto;
    background-image: url("../images/botonera.png");
    background-repeat: no-repeat;
    clear: both;
    }

    #botonera div {
        margin-top: 25px;
		font-family: 'Lora', serif;
		font-size: 13px;
		color: #ffffff;
		float: left;
		text-align: center;
        }

    #botonera div a {color: #ffffff;}

    #menu_home, #menu_tasacion, #menu_contacto, #menu_emprendimiento, #menu_zonaprop, #menu_mercado {height: 72px; line-height: 72px; vertical-align: middle;}
    #menu_quienessomos, #menu_venta, #menu_alquiler, #menu_temporario {height: 50px; padding-top: 22px; line-height: 15px; }
    
    #menu_home {width: 91px;}
    #menu_home:hover {background-image: url("../images/fdo_bt_home.jpg");}
    
    #menu_quienessomos {width: 96px;}
    #menu_quienessomos:hover {background-image: url("../images/fdo_bt_quienes.jpg");}
    
    #menu_venta {width: 136px;}
    #menu_venta:hover {background-image: url("../images/fdo_bt_venta.jpg");}
    
    #menu_alquiler {width: 122px;}
    #menu_alquiler:hover {background-image: url("../images/fdo_bt_alquiler.jpg");}
    
    #menu_temporario {width: 127px;}
    #menu_temporario:hover {background-image: url("../images/fdo_bt_temporarios.jpg");}
    
    #menu_tasacion {width: 120px;}
    #menu_tasacion:hover {background-image: url("../images/fdo_bt_tasaciones.jpg");}
    
    #menu_contacto {width: 108px;}
    #menu_contacto:hover {background-image: url("../images/fdo_bt_contacto.jpg");}
    
    #menu_emprendimiento {width: 160px;}
    #menu_emprendimiento:hover {background-image: url("../images/fdo_bt_emprendimiento.jpg");}

    #menu_zonaprop {width: 120px;}
    #menu_zonaprop:hover {background-image: url("../images/fdo_bt_tasaciones.jpg");}
    
    #menu_mercado {width: 120px;}
    #menu_mercado:hover {background-image: url("../images/fdo_bt_tasaciones.jpg");}


#info, #infoprop, #infodetalle {
    min-height: 650px;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    }

    #info {width: 882px;}
    #infoprop {width: 916px;}
    #infodetalle {width: 899px;}

    #info > div {
        min-height: 700px;
        overflow: auto;
        float: left;
        }
    #infodetalle > div {
        min-height: 1100px;
        overflow: auto;
        float: left;
        }

    #info_izq {
        width: 562px;
        padding-right: 40px;
        }

    #info_der {
        width: 280px;
        }

    #info_izq_det {
        width: 560px;
        margin-right: 19px;
        overflow: auto;
        }

    #info_der_det {
        width: 320px;
        margin-top: 50px;
        }
        
    #info_ambos {width: 916px; }
        
        .destacadaprop, .destacadapropult  {
            width: 280px;
            height: 334px;
            margin-bottom: 25px;
            float: left;
            background-image: url("../images/sombra.png");
            background-repeat: no-repeat;
            background-position: left bottom;
            }

        .destacadaprop {margin-right: 38px;}
        
        .destacada {
            width: 262px;
            height: 303px;
            padding: 9px 9px 9px 9px;
            background-color: #ffffff;
        }

        .sombra {
            width: 280px;
            height: 13px;
            background-image: url("../images/sombra.png");
            background-repeat: no-repeat;
            background-position: left bottom;
            margin-bottom: 25px;
            }
    
    #paginado {width: 916px; text-align: center; vertical-align: top; line-height: 20px; margin-bottom: 15px; clear: both;}

#footer {
    width: 100%;
    height: 84px;
    background-image: url("../images/textura_foot.png");
    background-repeat: repeat-x;
    clear: both;
    }

    #footer_info {
        width: 882px;
        height: 84px;
        margin-left: auto;
        margin-right: auto;
        font-family: Arial;
        font-size: 11px;
        color: rgb(230, 232, 234);
        line-height: 14px;
        }
    
        #footer_info > div {
            height: 69px;
            padding-top: 15px;
            float: left;
            }
    
        #footer_info_data_fiscal {text-align: left;width: 65px;}
        #footer_info_datos {text-align: left;width: 376px; font-size: 12px; background: url("../images/logo_ICCA.png") no-repeat right center;}

        #footer_info_copyright {text-align: right; width: 441px;}

            #texto_seekout 
            {
                width: 426px;
                height: 17px;
                line-height: 17px;
                vertical-align: text-top;
                float: left;
                text-align: right;
                
                }
            
            #logo_seekout {
                width: 15px;
                height: 17px;
                float: left
                }



.barrio, .precio {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    }

.barrio_reserva {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    color: rgb(118,118,118);
    line-height: 17px;
    margin-bottom: 22px;
    }

.precio {
    width: 262px;
    font-size: 16.5px !important;
    line-height: 25px;
    }

.operacion {
    font-family: 'Lato', sans-serif;
    color: rgb(236, 0, 140);
    width: 262px;
    font-size: 16.5px !important;
    line-height: 20px;
}
    
.direccion, .direccion_reserva {
    font-family: 'Lato', sans-serif;
    color: rgb(236, 0, 140);
    line-height: 20px;
    }
    
.direccion {font-size: 16px;}
.direccion_reserva {font-size: 17px; margin-bottom: 5px;}
    
.contacto, .volver, .sep, .paginaActual {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: rgb(236, 0, 140);
    line-height: 30px;
    vertical-align: bottom;
    }
.paginaActual {text-decoration: underline;}

.ambientes, .sin_datos {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: rgb(105, 105, 105);
    line-height: 17px;
    }
    
.sin_datos {height: 17px;}

.cant_personas_reserva, .cant_personas_reserva_dato, .check_reserva, .check_reserva_dato {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 13px;
}

.cant_personas_reserva, .cant_personas_reserva_dato {margin-bottom: 22px;color: rgb(118,118,118);}
.check_reserva, .check_reserva_dato {margin-bottom: 5px;color: rgb(118,118,118);}
.cant_personas_reserva {color: rgb(118,118,118);}
.cant_personas_reserva_dato {color: #000000;margin-left: 5px;}
.check_reserva {color: rgb(118,118,118);}
.check_reserva_dato {color: #000000; margin-left: 5px;}

.ver_mas {
    width: 255px;
    height: 21px;
    padding-top: 8px;    
    text-align: right;
}

    
#titulo_destacados, #titulo_novedades {
    height: 25px;
    background-color: rgb(24, 24, 24);
    font-family: 'Lato', sans-serif;
    font-size: 9px;
    color: rgb(231, 231, 231);
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    }
    
#titulo_destacados {width: 90px;}
#titulo_novedades {width: 125px;}


#info_izq p, #info_izq span#main, .panel_tasacion_titulo_fijo, .panel_tasacion_titulo_variable
{
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: rgb(97, 97, 97);
    line-height: 20px;
    }
    
.combo {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: rgb(58, 58, 58);
    padding-left: 5px;
    padding-top: 0.5px;
    margin-top: 5px;
    }
    
.rosa {color: rgb(237, 16, 147);}
.negro {color: #000000;}

.error {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: rgb(237, 16, 147);    
}

#boton_enviar {
    width: 550px;
    text-align: right;
    }

.img_cartelestado {margin-left: -89px;}

.panel_detalle {
    width: 560px;
    min-height: 387px;
    background-image: url("../images/sombra_detalle.png");
    background-repeat: no-repeat;
    background-position: left 375px;
    overflow: auto;
    }

.img_detalle {
    width: 540px;
    height: 354px;
    padding: 10px 10px 10px 10px;
    background-color: #ffffff;
    margin-bottom: 20px;
    }

.panel_reserva {
    width: 560px;
    height: 195px;
    background-color: rgb(204, 207, 209);
    clear: both;
    }

.img_reserva {
    width: 265px;
    height: 175px;
    padding: 10px 0 10px 10px;
    float: left;
    }
    
.panel_detalle_reserva {
    width: 265px;
    height: 180px;
    padding-left: 20px;
    padding-top: 15px;
    float: left;
    }
    
.panel_disponible, .panel_nodisponible {
    width: 540px;
    padding-left: 20px;
    height: 38px;
    font-family: 'Lato', sans-serif;
    color: #ffffff;
    line-height: 38px;
    vertical-align: middle;
    clear: both;
    margin-bottom: 35px;
}

.panel_disponible {font-size: 13px; background-color: rgb(99,99,99);}
.panel_nodisponible {font-size: 12px; background-color: rgb(236,0,140);}
    
.img_detalle_varias {
    width: 133px;
    height: 89px;
    padding: 9px 9px 9px 9px;
    margin-left: 9px;
    margin-bottom: 9px;
    background-color: rgb(204, 207, 209);
    float: left;
    }

#divTitMapa, #divTitReserva {
    width: 560px;
    margin-top: 15px;
    border-top: 1px dotted #000000;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    color: #000000;
    line-height: 57px;
    vertical-align: middle;
    }

#divTitMapa {height: 57px;}
#map_canvas {
    width: 560px;
    height: 281px;
    margin-bottom: 20px;
}

#divTitReserva {height: 315px;}
#divReferencia {
    width: 560px;
    height: 19px;
    margin-bottom: 45px;
    background-image: url("../images/referencia.png");
    background-repeat: no-repeat;
    background-position: left top;
    clear: both;
}

.divMesReserva, .divMesReservaDerecha {
    width: 175px;
    height: 193px;
    float: left;
    margin-bottom: 15px;
    padding-top:0;
}

.divMesReserva {margin-right: 17.5px;}

#divControlesSigAntMes {
    width: 560px;
    height: 21px;
    text-align: right;
    clear: both;
    line-height: 21px;
    margin-bottom: 40px;
}

#divControlesReserva {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: rgb(97, 97, 97);
    line-height: 30px;
    }
    
#divControlesReserva h2 {font-family: 'Lato', sans-serif; font-size: 13px; color: #000000; line-height: 20px;}

.lineaTituloMes {
    width: 174px;
    height: 13px;
    padding-left: 1px;
    margin-bottom: 12px;
    padding-top:0;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color: rgb(76, 76, 76);
    line-height: 13px;
    vertical-align: top;
    }
.lineaCalendario, .ultimaLineaCalendario {
    width: 173px;
    height: 23px;
    clear: both;
    border-left: 1px solid rgb(146, 146, 146);
    border-top: 1px solid rgb(146, 146, 146);
    border-right: 1px solid rgb(146, 146, 146);
}

.ultimaLineaCalendario {border-bottom: 1px solid rgb(146, 146, 146);}

.cuadroCalendario,.ultimoCuadroCalendario, .cuadroCalendarioHeader,.ultimoCuadroCalendarioHeader, .cuadroCalendarioDias,.ultimoCuadroCalendarioDias, .cuadroCalendarioDiaSel,.ultimoCuadroCalendarioDiaSel {height: 23px;float: left; font-family: Tahoma; font-size: 10px; line-height: 23px; vertical-align: middle; text-align: center;}
.cuadroCalendario, .cuadroCalendarioHeader, .cuadroCalendarioDias, .cuadroCalendarioDiaSel {width: 24px; border-right: 1px solid rgb(146, 146, 146);}
.ultimoCuadroCalendario,.ultimoCuadroCalendarioHeader,.ultimoCuadroCalendarioDias,.ultimoCuadroCalendarioDiaSel {width: 23px;}

.cuadroCalendario,.ultimoCuadroCalendario {background-color: rgb(224,224,224)}
.cuadroCalendarioHeader,.ultimoCuadroCalendarioHeader {background-color: rgb(211,210,208); color: rgb(235, 15, 146); font-weight: bold;}
.cuadroCalendarioDias,.ultimoCuadroCalendarioDias {background-color: rgb(99,99,99); color: #ffffff; font-weight: normal;}
.cuadroCalendarioDiaSel,.ultimoCuadroCalendarioDiaSel {background-color: rgb(235, 15, 146); color: #ffffff; font-weight: normal;}

.textosComboReserva {
    font-family: Arial;
    font-size: 12px;
    color: rgb(44,44,44);
    font-weight: normal;
    text-indent: 2px;
    padding-top: 5px;
}

#form_reserva {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: rgb(97,97,97);
    line-height: 13px;
}
#form_reserva h1 {font-size: 14px; color: #000000; font-weight: normal;}
#form_reserva h2 {font-size: 13px; color: rgb(228, 31, 141); font-weight: normal; margin-top: 50px; margin-bottom: 15px;}
#form_reserva p {line-height: 20px;}

.panel_reserva_titulo, .panel_reserva_volver {
    width: 280px;
    height: 23px;
    float: left;
    margin-bottom: 20px;
}

.panel_reserva_volver {text-align: right; font-size: 15px;}

.panel_tasacion {width: 550px;height: 26px; margin-bottom: 10px;}
.panel_tasacion_titulo_fijo, .panel_tasacion_titulo_variable {height: 26px; float: left; vertical-align:middle; line-height: 26px;}
.panel_tasacion_campo {height: 26px; float: left;}
.panel_tasacion_titulo_fijo {width: 120px;}

#campo_nombre_apellido, #campo_mail {width: 430px;}
#campo_telefono,#campo_tipo_propiedad {width: 190px;}
#tasacion_celular {width: 50px;}
#campo_celular {width: 180px;}
#campo_barrio {width: 200px;}
#tasacion_tipo_operacion {width: 70px;}
#tasacion_antiguedad {width: 110px;}
#campo_antiguedad {width: 100px;}
#campo_ambientes {width: 170px;}
#tasacion_m2 {width: 140px;}
#campo_m2 {width: 100px;}
#campo_direccion {width: 200px;}
#tasacion_dpto {width: 40px;}
#tasacion_piso, #tasacion_nro {width: 30px;}
#campo_nro {width: 60px;}
#campo_piso {width: 40px;}
#campo_dpto {width: 30px;}
#boton_enviar_tasacion {width: 530px;text-align: right; margin-bottom: 15px;}
#campo_mensaje {width: 430px; height: 160px; margin-bottom: 15px;}

a, a:hover, a:visited, a:link, a:active {color: rgb(230, 232, 234);}
