/**
* Fichero: base.less
* Autor: Agustin Carrero Merino
* Copyright: 2015. Movatec
* Fecha: 24/02/2015
*/

@50: #e8eaf6;
@100: #c5cae9;
@200: #9fa8da;
@300: #7986cb;
@400: #5c6bc0;
/*@500: #3f51b5;*/
@500: #e79a2d;
@600: #3949ab;
@700: #303f9f;
@800: #283593;
@900: #1a237e;
@A100: #8c9eff;
@A200: #536dfe;
@A400: #3d5afe;
@A700: #304ffe;
@white: #ffffff;
@black: #000000;

@dividerb: rgba(0, 0, 0, 0.12);
@backgroundb: rgba(0, 0, 0, 0.06);

@disabledb: rgba(0, 0, 0, 0.26);

@iconsb: rgba(0, 0, 0, 0.54);
@sectextb: rgba(0, 0, 0, 0.54);

@textb: rgba(0, 0, 0, 0.87);

@dividerw: rgba(255, 255, 255, 0.12);
@backgroundw: rgba(255, 255, 255, 0.06);

@disabledw: rgba(255, 255, 255, 0.40);

@iconsw: rgba(255, 255, 255, 0.70);
@sectextw: rgba(255, 255, 255, 0.70);

@textw: rgba(255, 255, 255, 0.80);

/**
* Variables "Header"
*/
@colorHeader: #e79a2d;
@colorLema: #9c9c9c;
@colorAcceso: #030303;
@legend: #212121;
/**
* Variables "Buscador"
*/
@imagenFondoBuscador: url('/images/fondoBuscador.png');

/**
* Variables "Inmuebles Destacados"
*/
@colorFondoInmuebleDestacado: #FFF;
@colorTextoInmuebleDestacado: #e79a2d;
@colorFondoPrecioInmuebleDestacado: #e79a2d;
@colorFondoTextoPrecioInmuebleDestacado: #FFF;
@colorPrecio: #FFF;
@colorFondoPrecio: #e79a2d;
@colorBordeLimite : #e79a2d;

/**
* Variables "Información"
*/
@imagenFondoInformacion: url('/images/fondoInformacion.png');
@colorTitulo: #e79a2d;
@colorTextoInformacion: #333333;

/**
* Variables "Footer"
*/
@colorFondoFooter: #212121;
@colorTituloFooter: #F8F8F8;

/**
* Varibles "Detalle del inmueble"
*/
@colorFondoAviso: #FFF;
@colorTextoAviso: #e79a2d;
@colorInfoAviso: #5c5c5c;
@colorFondoBotonAviso_1: #333333;
@colorFondoBotonAviso_2: #e79a2d;
@colorPrecioFicha: #e79a2d;
@colorTextoBoton: #FFF;
@colorDescripcionTitulo:#e79a2d;
@colorDescripcionTexto: #333333;
@colorRed: red;

.nofavoritos{
    color: @colorRed;
    text-align: center;
    font-size: 12px;
    margin-top: 30px;
}

.nav{
    position: relative;
    list-style-type: none;
    border-top: thin solid @colorTitulo;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    z-index: 999999;
    .wrap2{
        margin: 0 auto;
        max-width: 960px;
        height: 50px;
        ul{
            display: inline-block;
            overflow: hidden;
            padding: 0;
            margin: 0;
            height: 50px;
            li{
                display: block;
                float: left;
                width: auto;
                margin: 0;
                text-align: center;
                font-size: 12px;
                font-weight: bold; 
                text-transform: uppercase;
                a{
                    display: block;
                    width: 120px;
                    color: @colorTitulo;
                    padding: 20px 20px;
                    text-decoration: none;
                    &:hover{
                        background: @colorTitulo;
                        color:@white;
                        cursor: pointer; 
                    }
                }
            }
        }
    }
}

.margin-rt-40{margin-right: 0px; margin-top:40px;}
.margin-t-40{margin-top: 40px;}
.margin-t-20{margin-top: 20px;}
.displayinlineblock{display: inline-block !important;}
.center{text-align: center;}

.actualizarBusquedaBotonPromociones{
    input[type=submit]{
        background-color: @colorTitulo;
        margin-right: 0px;
        border: 0px solid;
        width: 200px;
        height: 40px;
        font-size: 18px;
        color: @white;
        text-align: center;
        margin-left: 26px;
        margin-bottom: 25px;
    }
    input[type=submit]:hover{
        cursor:pointer;
    }
}

.marcovolver {
    text-align: left;
    text-decoration: none;
    margin-bottom: -20px;
    a{
        background: #e79a2d;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        color: #FFF;
        font-size: 1.1em;
        padding: 9px 12px;
        text-decoration: none;
    }
}

.botonEnviarFormulario{
    list-style:none !important;
    width: 70%;
    background:  @colorTitulo;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    .submit{            
        margin-top: 20px;
        color: #FFF;
        font-size: 15px;
        text-decoration: none;
    }
}

.borderHeader{
    border-top: 12px solid;
    color: @colorHeader;
    .cabeceraCentralBanderas{
        max-width: 960px;
        margin: 0px auto;
        text-align: center;
    }
    .cabeceraCentral{
        max-width: 960px;
        min-height: 150px;
        margin: 0px auto;
        text-align: center;
        .logo{
            margin-top: 30px;
            img{
                /*width: 118px;*/
                height: 80px;
            }
        }
        .contenidoLema{
            margin-top: 0px;
            span{
                color: @colorLema;
                font-size: 20px;
            }
            .telefonoTitulo{
                color: @colorHeader;
                font-size: 25px;
            }
            img{
                margin-left: 20px;
            }
        }
        .contenidoUsuario{
            /*min-height: 60px;
            margin-top: 55px;*/
            p{
                line-height: 1px;
            }
            a{
                text-decoration: none;
                color:@colorTitulo;
            }
            .usuariologeado{
                font-size: 15px;
                margin-left: 45px;
                width: 100%;
                border-top: 1px solid @colorTitulo;
                padding-top: 12px;
            }
        }
        .contenidoAcceso{
            :hover{
                cursor: pointer;
            }
            .accesoInicio{
                margin-left: 25px;
                .imgInicioSesion{
                    margin-left: 5px;
                }
            }
            img{
                width: 34px;
                height: 34px;
            }
            span{
                font-size: 12px;
                color: @colorAcceso;                
            }
        }        
    }
}

.gm-style .gm-style-iw {
    max-height: 543px;
    max-width: 654px;
    div{        
        font-weight: 300 !important;
        max-height: 543px;
        max-width: 654px;
        font-size: 13px !important;
        overflow: hidden !important;
    }
}

.containerBuscador{
    background: @imagenFondoBuscador;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 342px;
    /*margin-top: 20px;*/
    margin-top: -5px;
    .contenidoBuscador{
        max-width: 925px;
        margin-top: 50px;
    } 
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: .5em 0em !important;
    }
    #tabs{
        border: 0px solid; 
        background: rgba(234,234,234,0.8);
        .ui-tabs .ui-tabs-nav {            
            padding: 0px;
        }
        .ui-tabs {
            padding: 0px;
        }        
        .ui-widget-header{
            background: transparent;
            border: 0px solid;
        }
        .ui-state-focus{
            border:0px solid;
        }
        .ui-state-hover,
        .ui-widget-content .ui-state-hover,
        .ui-widget-header .ui-state-hover,
        .ui-state-focus,
        .ui-widget-content .ui-state-focus,
        .ui-widget-header .ui-state-focus {
            border: 0px solid;
            background: #FFF;
            font-weight: bold;
            text-decoration: none;
        }
        .ui-state-active a,
        .ui-state-active a:link,
            .ui-state-active a:visited {
            color:  @colorTextoAviso; ;
            text-decoration: none;
        }        
        ul{
            margin-left: 20px;           
        }
        li{
            width: 32%;
            text-align: center;
            border: 0px solid;
            a{
                color: #c0bfbd;
                font-size: 24px; 
                width: 100%;                
            }
            a:hover{
                color: @colorTextoAviso;                    
            }
        }
    }
    .contenidoSelect{
        float:left;
        text-align: left;
        label{
            color: @colorTitulo;
            font-size: 14px;
            float:left;
            width: 100%;
            margin-bottom: 20px;            
        }         
    }
    .entidadbancaria{
        text-align: right;
        color: @500;
        margin-top: 20px;
        margin-right: 70px;
        input[type=checkbox]{
            width: 15px;
        }
    }
    .referencia{
        text-align: left;
        color: @500;
        margin-top: 20px;
        margin-right: 70px;
        input[type=text]{
            width: 70%;
            height: 40px;
            padding-left: 10px;
            padding-right: 10px;
            color: #9C9C9C;
        }
        input[type=submit]{
            text-align: right;
            background-color: @500;
            margin-right: 0px;
            border: 0px solid;
            width: 250px;
            height: 40px;
            font-size: 18px;
            color: @white;
            text-align: center;
        }
        input[type=submit]:hover{
            cursor: pointer;
        }
    }
    input[type=submit]{
        text-align: right;
        background-color: @500;
        margin-top: 20px;
        margin-right: 0px;
        border: 0px solid;
        width: 250px;
        height: 40px;
        font-size: 18px;
        color: @white;
        text-align: center;
    }
    input[type=submit]:hover{
        cursor: pointer;
    }
}

.containerDestacados{
    .contenidoCentral{
        max-width: 1075px;
        margin: 20px auto;
        .contenidoInmuebleDestacado{
            width: 335px;
            height: auto;
            vertical-align: top;
            .contenidoDatosInmueble{
                width: 295px;
                height: 280px;
                background-color: @colorFondoInmuebleDestacado;
                margin-top: 20px;
                border-bottom: 1px solid @colorBordeLimite;
                .textoInmueble{
                    width:65%;
                    text-align: left;
                    margin-left: 15px;
                    margin-top: -10px;
                    color: @colorTextoInmuebleDestacado;
                    font-size: 12px;
                    /*line-height: 5px;*/
                }
                .precioInmueble{
                    width:76px;
                    height: 50px;
                    background-color: @colorFondoPrecioInmuebleDestacado;
                    margin-right: 8px;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    span{
                        color: @colorFondoTextoPrecioInmuebleDestacado;
                        text-align:center;
                        margin-top: 9px;
                        font-size: 14px;
                        float: right;
                    }
                }
                .superior{
                    /*height:156px;*/
                    height:220px;
                    /*background-size: 292px 156px;*/
                    background-size: 295px 220px;
                    .favorito{
                        margin-left: 20px;
                        margin-top: 10px;
                    }
                    .precio{
                        width: 98px;
                        height: 32px;
                        color: @colorPrecio;
                        background-color: @colorFondoPrecio;
                        margin-right: 10px;
                        margin-top: 10px;
                        font-size: 14px;
                        span{
                            margin-top: 9px;
                            margin-right: 9px;
                        }
                    }
                }
            }
        }
    }
}

.containerInformacion{
    background: @imagenFondoInformacion;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 354px;
    /*margin-top: -20px;*/
    .contenidoCentral{
        max-width: 1013px;
        margin-top: 25px;
        min-height: 310px;
        background-color: #FFF;
        .contenidoInfo{
            width: 295px;
            height: 220px;
            vertical-align: top;
            height: auto;
            margin-bottom: 10px;
            .logo{
                width: 100%;
                height: 80px;
            }
            .titulo{
                color: @colorTitulo;
                font-size: 16px;
                margin-top: 25px;
                font-weight: bold;
            }
            .textoInformacion{
                color: @colorTextoInformacion;
                font-size: 14px;
                margin-top: 25px;
            }
            .center{
                text-align: center;
            }
        }
    }
}

.containerFooter{
    background: @colorFondoFooter;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*min-height: 150px; */  
    margin-bottom: 20px; 
    .contenidoCentral{
        max-width: 1013px;
        margin-top: 25px;
        /*min-height: 150px;*/
        margin-bottom: 20px; 
        color:@colorTituloFooter;
        font-size: 14px;
        background: #212121!important;
        a{
            color: @colorTituloFooter;
        }
        .contenidoFooter{
            padding: 20px;
            text-align: left;
            vertical-align: top;
            a{
                text-decoration: none;
                color:@colorTituloFooter;
            }
            a:hover{
                text-decoration: none;
                color:@colorTitulo;                
            }
        }
        .titulo{
            font-weight: bold;
        }
    }
}

.noinmueble{
    color: @colorDescripcionTitulo;
    margin-top: 50px;
    font-size: 20px;
}

.containerInmuebleDetalle{
    /*background-color: #FFF;*/
    margin-top: -5px;
    .contenidoCentral{
        max-width: 1015px;
        margin-top: 25px;
        .tituloNuevo{
            text-align: left;
            margin-bottom: 15px;
            color: @colorTitulo; 
            font-weight: bold;                  
        }
        .etiquetaNueva{ 
            color: @colorInfoAviso;
            text-align: right;
            font-size: 12px;
            font-weight: bold;
        }
        .detalleInmueble{ 
            background-color: #FFF;
            padding: 20px;
            .contenidoFichaInmueble{
                .tituloDatos{
                    font-weight: bold;
                    font-size: 12px;
                    color: @colorTitulo;
                    text-align: left;                     
                }
                .contenidoPrecioTitulo{
                    font-size: 12px;
                    color: @colorInfoAviso;
                    text-align: left; 
                    margin-top: 15px;                   
                }
                .contenidoPrecio{
                    font-size: 14px; 
                    color: @colorInfoAviso;
                    text-align: left;
                    font-weight: bold;
                }
                .caracteristicasPrecios{
                    ul{
                        li{
                            font-size: 12px;
                            color: @colorInfoAviso;
                            text-align: left;
                        }
                    } 
                }                
                width:100%;
                img{
                    width: 100%;
                }
                .aviso{
                    background: @colorTitulo;
                    min-height: 60px;
                    margin-top: -4px;
                    border-bottom: 1px solid @colorBordeLimite;
                    p{
                        margin-top: 14px;
                        font-size: 12px;
                    }
                    a{
                        color: @white;
                        text-decoration: none;
                    }
                }
                .titulo{
                    text-align: left;
                    margin-top: 15px;
                    color: @colorTitulo;
                    .contenidoFavorito{
                        width: 30px;
                        text-align: right;
                    }                    
                }
                .calle{
                    color: @colorInfoAviso;
                    text-align: left;
                    font-size: 12px;
                }
                .ciudad{
                    color: @colorInfoAviso;
                    text-align: left;
                    margin-top: 20px;
                    font-size: 12px;
                    .contenidoPrecio{
                        font-size: 24px;
                        text-align: right;
                        color:@colorPrecioFicha;
                    }
                }
                .tipologia{
                    color: @colorInfoAviso;
                    text-align: left;
                    margin-top: 20px;
                    font-size: 12px;
                    li{
                        list-style: none;
                    }
                }
                .accesos{
                    :hover{cursor: pointer}
                    text-align: right;
                    .boton1{
                        background: @colorFondoBotonAviso_1;
                        height: 45px;
                        margin-bottom: 10px;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                    }
                    .boton2{
                        background: @colorFondoBotonAviso_2;                        
                        height: auto;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                        
                        a{
                            text-decoration: none;
                        }
                    }
                    p{
                        color:@colorTextoBoton;
                        font-size: 15.3px;
                        margin-top: 14px;                        
                    }
                }
            }
            .contenidoDescripcionInmueble{
                .titulo{
                    text-align: left;
                    color: @colorDescripcionTitulo;
                    font-size: 18px;
                    font-weight: bold;
                }
                .descripcion{
                    text-align: left;
                    color: @colorDescripcionTexto;
                    font-size: 12px;                    
                }
            }
            .contenidoMapaInmueble{
                #mapa{
                    width: 100% !important;
                    height:380px !important;
                }
            }
            .contenidoSimilaresInmuebles{
                .titulo{
                    text-align: left;
                    color: @colorDescripcionTitulo;
                    font-size: 18px;
                    font-weight: bold;
                    margin-top: 20px;
                    margin-bottom: 20px;
                }
                .contenidoSimilares{
                    .similar{                     
                        text-align: left;
                        max-width: 195px;
                        margin-right: 5px;
                        margin-bottom: 20px;
                        border-bottom: 1px solid @colorBordeLimite;
                        .superior{
                            height:150px;
                            .favorito{
                                margin-left: 20px;
                                margin-top: 10px;
                            }
                            .precio{
                                width: 98px;
                                height: 32px;
                                color: @colorPrecio;
                                background-color: @colorFondoPrecio;
                                margin-right: 10px;
                                margin-top: 10px;
                                span{
                                    margin-top: 7px;
                                    margin-right: 7px;
                                    font-size: 14px;
                                }
                            }
                        }
                        .textoInmueble{                           
                            width:49%;
                            text-align: left;
                            color: @colorTextoInmuebleDestacado;
                            font-size: 9px;
                        }
                        .precioInmueble{
                            width:76px;
                            height: 50px;
                            background-color: @colorFondoPrecioInmuebleDestacado;
                            margin-right: 8px;
                            -webkit-border-radius: 5px;
                            -moz-border-radius: 5px;
                            width: 60px;
                            span{
                                color: @colorFondoTextoPrecioInmuebleDestacado;
                                text-align:center;
                                margin-top: 9px;
                                font-size: 14px;
                                float: right;
                            }
                        }
                    }                
                }
            }
        }
        .formularioInmueble{
            background-color: #FFF;
            min-width: 350px;
            margin-left: 10px;
            padding-bottom: 15px;
            .containerFormularioDetalle{
                text-align:left;
                .titulo{
                    font-weight: bold;
                    font-size: 18px;
                    color: @colorTitulo;
                }
                form{
                    margin-top:20px;
                    label{
                        font-weight: bold;
                        font-size: 14px;
                        color: @colorTitulo;
                    }
                    input{
                        margin-top: 10px;    
                        margin-bottom: 20px;
                        width: 90%;
                        border: 1px solid #d7d7d7;
                        height: 35px;
                        padding-left:10px;
                        padding-right:10px;
                    }
                    textarea{
                        margin-top: 10px;    
                        margin-bottom: 20px;
                        width: 90%;
                        border: 1px solid #d7d7d7;
                        padding: 10px;
                        resize:none;
                    }
                    input[type=checkbox]{
                        width: 15px;
                        float: left;
                        margin-top: -5px;
                    }
                    input[type=submit]{
                        width: 70%;
                        margin-top: 20px;
                        background:  @colorTitulo;
                        color: #FFF;
                        font-size: 15px;
                    }
                    input[type=submit]:hover{
                        cursor: pointer;
                    }
                    .terminos{
                        font-size: 11px;
                        a{
                            text-decoration: none;
                            color: @colorTitulo;
                        }
                    }
                }
            }
        }
    }
}

/*.contaninerListado{
    margin-top: 20px;
    .contenidoListado{
        max-width: 960px;
        margin-top: 25px;       
        .contenidoListadoInmueble{
            margin-bottom: 25px;
        }
        .contenidoBannerListado{
            margin-top: 20px;
        }
    }
}*/

.ordenPrecio{
    margin-top: 20px;
    margin-left: 50px;
    text-decoration: none;
    width: 172px;
    height: 30px;
    a{
        color: @white;
        text-decoration:none; 
        border: 2px solid @colorTitulo;
        padding: 8px; 
        background-color:@colorTitulo;
    }
    &:hover{
        text-decoration:none;  
        cursor: pointer;
    }
}

.containerListadosInmuebles{
    .contenidoCentral{
        max-width: 960px;
        margin-bottom: 20px;
        margin-top: 25px;
        //background: #FFF;
        &.listaInmuebles{
            border-bottom: thin solid #CBCBCB;
        }
        padding: 0 0 20px 0; 
        #mapa{
            height: 200px;
            width: 100%;
        }
        .tituloResultado{
            color: @colorTextoAviso; 
            font-size: 24px;
            text-align: left;
            float: none;
            margin-left: 25px;
        }
        .masfiltros{
            float: left;
            margin-left: 10px;
            margin-top: 6px;
        }
        .imagenInmueble{
            text-align:left;
            img{               
                width:100%;
                height: 115px;
            }
        }
        .banner{
            width: 80%
        } 
        .datosInmuebleSinLeft{            
            text-align: left;
            margin-bottom: 7px;
            .titulo{
                font-weight: bold;
                font-size: 18px;
                color: @colorTitulo;
            }
            .etiqueta{
                font-size: 12px;
                color: @colorInfoAviso;
                float: right;
            }
        }
        .datosInmueble{            
            text-align: left;
            margin-left: 20px;            
            .tituloDatos{
                font-weight: bold;
                font-size: 12px;
                color: @colorTitulo;
            }
            ul{
                li{
                    font-size: 12px;
                    color: @colorInfoAviso;
                }
            }
            .titulo{
                font-weight: bold;
                font-size: 18px;
                color: @colorTitulo;
            }
            .calle{
                font-size: 12px;
                color: @colorInfoAviso;
            }
            .ciudad{
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 12px;
                color: @colorInfoAviso;   
                .contenidoPrecio{
                    font-size: 24px;
                    text-align: right;
                    color:@colorPrecioFicha;
                }
            }
            .infoInmueble{
                font-size: 12px;
                color: @colorInfoAviso;                
            }
            .accesoinfo{
                margin-top: 20px;
                font-size: 12px;
                a{
                    text-decoration: none;
                    color: @colorTextoAviso;                
                }
                .boton{
                    background: @colorFondoBotonAviso_2;                        
                    height: 45px;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    :hover{cursor: pointer}
                    float: right;
                    margin-top: 10px;
                    p{
                        color:@colorTextoBoton;
                        font-size: 15.3px;
                        margin-top: 13px;                        
                    }
                }
                .numImbuebles{
                    margin-top: 20px;
                }
            }
        }
        .contenidoFiltro{
            margin-right: 40px;
        }
        .contenidoBannerListado{
            margin-top: 20px;
            img{
                margin-bottom: 20px;
            }
        }
    }
}

.select2-container{
    .select2-choice{
        background-color: @white;
        border: 1px solid @dividerb;
        text-align: left;
    }
    &.select2-container-active{
        a{
            border: 1px solid @500;
            &.select2-search-choice-close{
                border: 0;
            }
        }
    }
    &.select2-dropdown-open{
        a{
            border: 1px solid @500;
            border-bottom: 1px solid @backgroundb;
            &.select2-search-choice-close{
                border: 0;
            }
        }
        &.select2-drop-above{
            a{
                border: 1px solid @500;
                border-top: 1px solid @backgroundb;
                &.select2-search-choice-close{
                    border: 0;
                }
            }
        }
    }
}

.select2-drop{
    border: 1px solid @dividerb;
    background: @white;
    color: @textb !important;
    width: 200px;
    .select2-highlighted{
        background: @500;
    }
}

.select2-drop-active {
    border: 1px solid @500;
    border-top: none;
    width: 200px;
}

.select2-container-multi{
    border-bottom: 1px solid @dividerb;

    .select2-search-choice{
        border: 0;
        background-color: @500;
        color: @white;
        div,
        a{
            background-color: @500;
            color: @white;
        }
        .select2-search-choice-close
        {
            text-decoration: none;
        }
        .select2-search-choice-close:before{
            font-family: 'icomoon';
            content: '\e768';
        }
    }
}

.containerListadosPromociones{
    .contenidoCentral{
        max-width: 960px;
        margin-top: 25px;
        background: #FFF;
        .tituloResultado{
            color: @colorTextoAviso; 
            font-size: 24px;
            text-align: left;
            float: left;
            margin-left: 25px;
        }
        .masfiltros{
            float: left;
            margin-left: 10px;
            margin-top: 6px;
        }
        .imagenInmueble{
            text-align:left;
            img{               
                    width: 100%;
                    margin-top: 35px;
                }
        }
        .datosInmueble{            
            text-align: left;
            margin-left: 20px;
            .titulo{
                font-weight: bold;
                font-size: 18px;
                color: @colorDescripcionTexto;
            }
            .descripcion{
                font-size: 12px;
                color: @colorInfoAviso;
            }
            .oficina{
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 12px;
                color: @colorInfoAviso;   
                /*                .contenidoPrecio{
                                    font-size: 24px;
                                    text-align: right;
                                    color:@colorPrecioFicha;
                                }*/
            }
            .infoInmueble{
                font-size: 12px;
                color: @colorInfoAviso;                
            }
            .accesoinfo{
                margin-top: 20px;
                font-size: 12px;
                a{
                    text-decoration: none;
                    color: @colorTextoAviso;                
                }
                .boton{
                    background: @colorFondoBotonAviso_2;                        
                    height: 45px;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    :hover{cursor: pointer}
                    float: left;
                    margin-top: 15px;
                    p{
                        color:@colorTextoBoton;
                        font-size: 15.3px;
                        margin-top: 13px;                        
                    }
                }
            }
        }

        .contenidoFiltro{
            margin-right: 40px;
        }
    }
}

.login{
    /*float: right;
    margin-right: 35px;  
    margin-top: -47px;*/
   
    margin-top: 15px;
    overflow: hidden;
    width: 505px;
    float: right;
}

.logoP{
    float: left;
}

.contenidoMenuSupHeader{
    margin-bottom: 20px;
    padding-top: 10px;
    a{
        color:@colorHeader;
        text-decoration: none;
        font-size:17px;
        &:hover{
            text-decoration: underline;
            font-weight: bold;
        }
    }
}

.lema{
    //float: left;
    margin-left: 30px;
    margin-top: 15px; 
    .contenidoMenuSupHeader{
        margin-bottom: 40px;
        a{
            color:@colorHeader;
            text-decoration: none;
            font-size:17px;
            &:hover{
                text-decoration: underline;
                font-weight: bold;
            }
        }
    }
}

.banderas{
    list-style:none;
    display: inline-block;
    margin-left: 5px;
    padding: 0;
    
    span {
    vertical-align: super;
    }
}

.banderasCont{
    list-style: none;
    display: block;
    width: 500px;
    padding: 0;

    

}

.translation-links {
    text-align: right;
    /*margin-right: 25px;*/
    margin-bottom: 10px;
    /*width: 111%;*/
}
.translation-links img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border: 0;
    cursor: pointer;
    margin-top: 4px;
    margin-left: 8px;
    height: 24px;
    width: 24px;
}
.translation-links img:hover {
    filter: alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
}

#google_translate_element{
    display:none;
}

.containerNuestrasOficinas{
    .contenidoCentral{
        max-width: 960px;
        margin-top: 25px;
        .titulo{
            color: @colorTitulo;
            font-size: 24px;
            text-align: left;
            margin-left: 25px;
            text-align: left;
        }
        .ui-widget-content {
            border-bottom: 1px solid @colorTitulo; 
            border-left: 1px solid @colorTitulo; 
            border-right: 1px solid @colorTitulo; 
            background: transparent; 
            fieldset{
                li{list-style: none;}
                border: 1px solid @colorTitulo;
                background: white; 
                strong{
                    color: @colorTitulo;
                }
            }
        }
        .ui-accordion .ui-accordion-icons{
            text-align: left;
        }
        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
            border: 1px solid @colorTitulo;  
            color: @colorTitulo;  
        }
        .ui-state-active{
            border: 1px solid @colorTitulo;  
            color: @colorTitulo;              
        }
        .ui-state-active .ui-icon {
            background-image: url("/images/ui-icons_ef8c08_256x240.png");
        }
        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
            color: @colorDescripcionTexto;
        }
        #accordion{
            text-align: left;
        }
        .datosOficina{
            font-size: 14px;
            height: auto !important;
        }
    }
}

.actualizarBusquedaBoton{
    input[type=submit]{
        text-align: right;
        background-color: @500;
        margin-right: 0px;
        border: 0px solid;
        width: 250px;
        height: 40px;
        font-size: 18px;
        color: @white;
        text-align: center;
        margin-left: 26px;
        margin-bottom: 25px;
    }
}

.paginacion{
    .primeroiltimo{        
        color: gray;
        text-decoration: none;
    }
    .numero{
        color: gray;
        width: 47px;
        height: 47px;
        border-right: 2px solid gray;
        margin-right: 10px;
        text-align: center;
        padding-right: 15px;
        text-decoration: none;
    }
    .numeroSelected{
        color: @colorTitulo;
        width: 47px;
        height: 47px;
        margin-right: 10px;
        text-align: center;
        padding-right: 15px;
        text-decoration: none;
        border-right: 2px solid gray;
    }
}

.contaninerEstatico{
    margin-top: 20px;
    text-align: left;
    .contenidoTextoEstatico{
        max-width: 960px;
        margin-top: 25px;
        text-align: justify;
        font-size: 14px;
        background: white;
        padding: 25px 45px;
        color: @colorInfoAviso;
        h2{
            color: @colorTitulo;
            font-size: 24px;
            text-align: left;
            text-align: left;
        }
        img{
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
        }
    }
}



.contaninerNoticias{
    margin-top: 20px;
    .contenidoNoticias{
        background: #FFF;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 20px;
        max-width: 1024px;
        margin-top: 25px;
        h2{
            color: @colorTitulo;
            font-size: 24px;
            text-align: left;
            text-align: left;
        }
        .contenidoListadoNoticias{
            margin-bottom: 25px;
            .noticiaPrevia{
                margin-bottom: 25px;
                border-bottom: 2px solid @colorTitulo;
                text-align: left;
                .titulo{
                    font-size: 20px;
                    color: @colorLema;
                }
                .fecha{
                    margin-top: 10px;
                    margin-bottom: 10px;                    
                    color: @colorLema;
                    font-size: 12px;
                }
                .compartir{
                    img{
                        width: 25px;
                        margin-right: 10px;
                    }
                }
                .textoPrevio{
                    color: @colorLema;
                    font-size: 14px;
                    text-align: justify;
                }
                .leermas{
                    margin-bottom: 25px;
                    a{
                        font-size: 14px;
                        color: @colorTitulo;
                        text-decoration: none;
                    }
                }
            }
        }
        .contenidoHistoricoNoticias{
            .explicacion{
                color: @colorLema;
                font-size: 14px;
                text-align: justify;

            }
            .listadoMesesNoticias{
                text-align: left;
                ul{
                    list-style-image: url('/images/listitem.png');; 
                }
                li{
                    color: @colorLema;
                    font-size: 14px;
                    margin-top: 10px;
                }
                li:hover{
                    color: @colorTitulo;
                    cursor:pointer;
                }
                a{
                    text-decoration: none;
                }
            }
        }
    }
}

.contaninerAlertError{
    margin-top: 20px;
    .contenidoAlertError{
        max-width: 960px;
        margin-top: 25px;
        background-color: #F2DEDE;
        border: 1px solid #A94446;
        h4{
            color: #A94446;
            padding-top: 12px;
        }
    } 
    .contenidoAlertSError{
        max-width: 960px;
        margin-top: 25px;
        background-color: #F2DEDE;
        border: 1px solid #A94446;
        h4{
            color: #A94446;
            padding-top: 12px;
        }
    } 
}

.contaninerAlertSuccess{
    margin-top: 20px;
    .contenidoAlertSuccess{
        max-width: 960px;
        margin-top: 25px;
        background-color: #DFF0D8;
        border: 1px solid #64763D;
        h4{
            color: #64763D;
            padding-top: 12px;
        }
    }
}

.clasee{
    form{
        fieldset{
            text-align: left;
            margin-top: 50px;
            color: @colorLema;
            border: 1px solid @colorTitulo;
            margin-bottom: 30px;
            a{
                color:@colorTitulo;
                text-decoration: none;
            }
        }
    }
}

.formularioContacto{
    text-align:left;
    .titulo{
        font-weight: bold;
        font-size: 18px;
        color: @colorTitulo;
    }

    .subtitulo{
        a{
            font-weight: bold;
            font-size: 15px;
            color: @colorTitulo; 
            padding: 5px;
            text-decoration: none;
        }
    }    

    form{
        margin-top:20px;
        label{
            font-weight: bold;
            font-size: 14px;
            color: @colorTitulo;
        }
        input{
            margin-top: 10px;    
            margin-bottom: 20px;
            width: 90%;
            border: 1px solid #d7d7d7;
            height: 35px;
            padding-left:10px;
            padding-right:10px;
        }
        textarea{
            margin-top: 10px;    
            margin-bottom: 20px;
            width: 90%;
            border: 1px solid #d7d7d7;
            padding: 10px;
            resize:none;
        }
        input[type=checkbox]{
            width: 15px;
            float: left;
            margin-top: -5px;
        }
        input[type=submit]{
            width: 70%;
            margin-top: 20px;
            background:  @colorTitulo;
            color: #FFF;
            font-size: 15px;
        }
        fieldset{
            /*border: 1px solid @colorLema;*/
            color: @colorLema;
            border: 1px solid @colorTitulo;
            /*color: @colorTitulo;*/
            margin-bottom: 30px;
        }
        input[type=submit]:hover{
            cursor: pointer;
        }
        .terminos{
            font-size: 11px;
            a{
                text-decoration: none;
                color: @colorTitulo;
            }
        }
    }
}

.contaninerGaleria{
    .contenidoGaleria{       
        max-width: 960px;
        margin-top: 25px;
        h2{
            color: @colorTitulo;
            text-align: left;
            margin-bottom: 20px;
        }
        .contenidoImagenGaleria{
            margin-right: 20px;
            img{
                border:2px solid @colorTitulo;
                width: 100%;
            }
        }
    }
}

.volver{
    text-align:right; 
    margin-bottom: 20px;
    a{
        color: @colorTitulo; 
        text-decoration: none;
    }
}

.contenidoRegistro{
    .contenidoAlertError{
        margin-top:20px;
        margin-bottom:20px;
        background-color: #F2DEDE;
        border: 1px solid #A94446;
        h4{
            color: #A94446;
            padding-top: 12px;
        }
    }
    .imgInicio{
        float: left;
        margin-right: 20px;
    }
    .explicacion{
        color: @colorLema;
        font-size: 14px;
        text-align: justify;
        margin-top: 20px;
        a{
            text-decoration: none;
            color:@colorTitulo;
        }
    }
    .select2-container {
        margin: 0 0 8px 0;
        width: 82%;
    }
    .nota{
        color:@colorLema;
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
        a{
            color:@colorTitulo;
            text-decoration: none;
        }
    }
}
.contenidoBannerRegistro{
    .explicacion{
        color: @colorLema;
        font-size: 14px;
        text-align: justify;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ayuda{
        .ciudadWh{
            color:@colorLema;
            font-size: 10px;
            margin-bottom: -19px;
            margin-top: 10px;
            float: left;
            margin-left: 33px;
        }
        .telefono{
            color: @colorTitulo;
            margin-top: 20px;
            font-size: 26px;
            float: right;
        }
        .fcontacto{
            text-align: justify;
            font-size: 14px;
            color: @colorLema;
            float: right;
            width: 50%;
            margin-top: 10px;
            a{
                color:@colorTitulo;
                text-decoration: none;
            }
        }
    }
    img{
        float: left;
    }
    .ayudaVen{
        img{
            float: right;
        }
        .fcontacto{
            text-align: left;
            font-size: 14px;
            color: @colorLema;
            float: left;
            width: 50%;
            margin-top: 10px;
            a{
                color:@colorTitulo;
                text-decoration: none;
            }
        }
    }
}

.line{
    border-bottom: 1px dashed @colorTitulo; 
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}
.lineSolid{
    border-bottom: 1px solid @colorTitulo; 
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}

.contenidoInmueblesFavoritos{
    width: 100%;
    margin-top: 25px;
    .inmubleFavorito{
        min-height: 130px;
        .contenidoImagen{
            float:left;
            img{
                height: 130px;
                width: 170px;
            }
        }
        .contenidoDatosInmuble{
            float:left;
            .titulo{
                color: @colorTitulo;
                font-size: 15px;
                margin-left: 65px;
                margin-top: 10px;;
            }
            .calle{
                color: @colorDescripcionTexto;
                font-size: 12px;
                text-align: left;
                margin-top: 10px;
                margin-left: 70px;
            }
            .ciudad{
                color: @colorTitulo;
                font-size: 14px;
                text-align: left;
                margin-top: 10px;
                margin-left: 70px;
                .contenidoPrecio{
                    font-size: 16px;
                    font-weight: bold;
                }
            }
            .infoInmueble{
                color: @colorDescripcionTexto;
                font-size: 12px;
                text-align: left;
                margin-top: 10px;
                margin-left: 70px;
            }
            .accesoinfo{
                margin-top: 15px;
                a{
                    float: right;
                    color: @colorTitulo;
                    font-size: 15px;
                    text-decoration: none;
                    margin-right: 20px;
                    .img{
                        margin-top: -10px;
                    }
                }
            }
        }
        .contenidoBanner{
            float:right;
            img{
                height:130px;
            }
        }
    }
}

.masfiltros:hover{cursor: pointer; color: @colorTitulo}
.contenidoMapa{border: 3px solid @colorTitulo;}
#moreFilter{display:none;}
#mapapreferencia,
#mapa{
    height: 652px !important;
    width: 100% !important;    
}
#mapaOficina {
    height: 200px !important;
    width: 200px !important;
    float: right;
    margin-top: -18px;
}

#slider1_container{top:25px !important;}

.contSlider{
    position: relative; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    max-width: 960px;
    /*height: 480px;*/
    /*height: auto;*/
    min-height: 360px;
    margin-top: 25px;
    .loadin{
        position: absolute; top: 0px; left: 0px;
        .filter{
            filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
            background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;
        }
        .posCos{
            position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
            top: 0px; left: 0px;width: 100%;
            /*height:100%;*/
        }
    }
    .slides{
        cursor: move; position: absolute; left: 0px; top: 0px; width: 100%; 
        min-height: 360px;
        overflow: hidden;
        img{
            height: auto !important;
            max-height: 360px
        }
    }
    .navigator{
        position: absolute; bottom: 4px; left: 6px;
        .propotipe{
            position: absolute; width: 21px; height: 21px; text-align:center; line-height:21px; color:#FFF; font-size:12px;            
            span{
                color: @colorTitulo;
            }
        }
    }
}

.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
{
    background: url(../img/b03.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }


/*@keyframes desaparecer
{
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
}

@-webkit-keyframes desaparecer
{
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
}

@keyframes aparecer
{
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
}

@-webkit-keyframes aparecer 
{
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
}*/
#cookiesms1:target {
    display: none;
}

.enlaceCookie{
    color: @colorTitulo;
    text-decoration: none;
}

.cookiesms{	
    width:100%;
    height:43px;
    margin:0 auto;
    padding-left:1%;
    padding-top:5px;
    font-size: 1.2em;
    clear:both;
    font-weight: strong;
    color: #333;
    bottom:0px;
    position:fixed;
    left: 0px;
    background-color: #FFF;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
}

.cookiesms:hover{
    bottom:0px;
}
.cookies2{
    background-color: #FFF;
    display:inline;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:absolute; 
    left:1%; 
    top:-30px;
    font-size:15px;
    height:30px;
    padding-left:25px;
    padding-right:25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}

.contenidoFiltro{
     -ie-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    text-align: left;
    strong{
        color: #999;
        font-size: 0.8em;

    }
}

.nomargin{
    margin: 0 !important;
}


@media(max-width:860px)
{
    



.banderasCont {
    list-style: none;
    display: block;
    width: 100%;
    padding: 0;
    position: absolute;
    margin-top: 90px;
    margin-left: -380px;
}
    
/*.borderHeader .cabeceraCentral .contenidoLema {
    margin-top: -87px;
    margin-left: 175px;
    width: 270px;
}*/
    
.borderHeader .cabeceraCentral .contenidoLema {
       margin-top: -20px;
    margin-left: 135px;
    width: 270px;
    margin-right: 50px;
}

.nav {
    position: relative;
    list-style-type: none;
    border-top: thin solid #e79a2d;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    z-index: 999999;
    margin-top: 0px;
}    
    
.containerBuscador input[type=submit] {
    text-align: right;
    background-color: #e79a2d;
    margin-top: 40px;
    float: left;
    border: 0px solid;
    width: 250px;
    height: 40px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-left: -184px;    
    
}
    
.containerBuscador #tabs li a {
    color: #c0bfbd;
    font-size: 19px;
    width: 100%;
}
   
.entidadbancaria input[type="submit"] {
    margin-left: 90px;
}
    
    
.containerBuscador .contenidoSelect {
     float: none; 
     text-align:center; 
}
    
    .containerBuscador .referencia {
     text-align: center;
    color: #e79a2d;
    margin-top: 20px;
    margin-right: 70px;
}
   
.borderHeader .cabeceraCentral .logo img {
    width: inherit;
    height: inherit;
    margin-left: 75px;
}
    
    .span30 {
    width: 100%;
}
    
}
.menu_bar {
	display:none;
}
    
@media(max-width:860px)
{
    nav {
	width:90%;
	margin:20px auto;
	max-width:1000px;
	background:white;
}



 nav ul {
	list-style:none;
	overflow:hidden;
}

 nav ul li {
	float: left;
}

 nav ul li span {
	margin-right:10px;
}

 nav ul li a{
	display:block;
	padding:20px;
	color:#fff;
	text-decoration:none;
}

 nav ul li a:hover {
	background:white;
}

section {
	padding:20px;
}



}

@media screen and (max-width:800px) {
    .nav .wrap2 {
    margin: 0 auto;
    max-width: 960px;
    height: 100%;
}
    
    .nav .wrap2 ul {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 100%; 
}
    
	 nav {
		width:80%;
		height:100%;
		margin:0;
		position: fixed;
		left:-100%;
		/*top:0px;*/
		overflow:auto;
         display: none;
         
	}

	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}

	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		background:white;
		overflow: hidden;
		font-size:25px;
		font-weight:bold;
		color:#e79a2d;
		text-decoration:none;
	}

	.menu_bar span {
		float:right;
		font-size:40px;
	}

	 nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255,.3);
	}
}


@media (max-width: 380px){
.borderHeader .cabeceraCentral .contenidoLema {
    margin-top: -60px;
    margin-left: 15px;
    width: 270px;
    margin-right: 50px;
}
    
    
.banderasCont {
    list-style: none;
    display: block;
    width: 95%;
    padding: 0;
    position: inherit;
    margin-top: 10px;
    margin-bottom: 40px;
    margin-left: 15px;
}    
    
    .containerListadosInmuebles .contenidoCentral .imagenInmueble {
    text-align: left;
    width: 100%;
    height: auto;
}
    
    .containerListadosInmuebles .contenidoCentral .datosInmueble .accesoinfo .boton {
       background: #e79a2d;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
    margin-left: 12%;
    width: 100%;
}
    
    .span30
    {
        width: 30%;
    }
    
    
    .descript {
    width: 90%!important;
    float: left!important;
    margin-top: 30px;
}

}




.oculto {
    height: 39px;
    margin: 5px 8px 15px 0px;
    width: 94%;
    border: solid 1px gainsboro;
    font-size: 18px;
    font-family: roboto;
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 300;
    border-radius: 1px;

    &:focus
    {
        border: solid 1px #e79a2d;
    }
}


.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #e79a2d;

   
}