// Color Corporativo
/*@colorCorporativo: #00b1f0;*/
@colorCorporativo: #00b1f0; // Rosa fuerte

// Opciones de menú
@colorMenu: #FFF;
@colorMenuHover: #007099;

// Botones
@registroBackground: #007099;
/*@loginBackground: #007099*/
@loginBackground: #007099; // Rosa más fuerte

// Buscador slider
@colorPrimarioBuscador: #00b1f0;

// Destacados
@backgroundDestacados: #ECE9E2;

// Colores estáticos
@blanco: #FFF;
@negro: #000;
@gris:#767676;
@backgroundb: rgba(0, 0, 0, 0.06);
@dividerb: rgba(0, 0, 0, 0.12);
@textb: rgba(0, 0, 0, 0.87);
@marronClaro: #ECE9E2; 

@fondoGrisMuyClaro: rgba(0,0,0,0.1);

//Newsletter
/*@colorFondoNewsletter: #007099;*/
@colorFondoNewsletter: #00b1f0;

body{
    top: 0px !important;
}

// Header
.carousel{
    height: 500px !important;
}

.banderas{
    .btn-group{
        width: 70px !important;
        margin-top: -5px;
    }
    ul{
        margin-top: -20px;
        padding-left: 10px;
        li{
            height: 30px !important;
            margin-left: 8px;
            a{
                padding-top: 0px !important;
            }
        }
    }
}

.navbar-inverse{    
    background-color: @colorCorporativo !important;
    border-color: @colorCorporativo !important;
    height: 75px;
    li{
        height: 75px;
        a{
            color: @colorMenu !important;
            padding-top: 30px !important;
            font-weight: bold;
            font-size: 16px;
            /*            &:hover{
                            color:@colorMenuHover !important;
                        }*/
        }
    }
    .menuPrincipal{
        margin-left: 2px;
        li{
            a{
                padding-left: 10px !important;
                &:hover{
                    cursor: pointer;
                }
            }
        }
    }
    .botonRegistro{
        /*background: @registroBackground;*/
        background: #FFF;
        color: @colorCorporativo;
        padding: 10px;
        border-radius: 14px;
        margin-top: -10px;
        /*        &:hover{
                    color:@colorMenu !important;
                }*/
    }
    .botonLogin{
        background: #FFF;
        padding: 10px;
        border-radius: 14px;
        margin-top: -10px;
        color: @colorCorporativo;
        &:hover{
            color:@colorMenu !important;
        }
    }
}

// Carusel - Slider
.carousel-indicators{
    display: none;
}
.carousel-control.left{
    background: none !important;
}
.carousel-control.right{
    background: none !important;
}
.contenidoDentroSlider{
    margin-top: -200px;
    .inputReferencia{
        width: 100%;
        padding: 10px;
        border: 0px;
        border-radius: 10px;
    }
    .contenidoPestania{       
        margin-top: -50px;        
        .col-md-4{
            padding: 0px !important;
        }
        .pesatanaopcion1{
            border-top-left-radius:20px;
            height: 50px;
            padding-top: 16px;           
            font-size: 20px;
            &:hover{
                cursor: pointer;
            }
        }
        .pesatanaopcion2{
            border-top-right-radius: 20px;
            height: 50px;
            padding-top: 16px;
            font-size: 20px;
            &:hover{                
                cursor: pointer;
            }
        }
        .enable{
            /*color:@colorPrimarioBuscador;*/
            color:@colorCorporativo;
            font-weight: bold;
            background-color:rgba(0, 0, 0, 0.8);
        }
        .disable{
            color:@blanco;   
            background-color:rgba(0, 0, 0, 0.5);
        }
    }
    .bucadorSlider{
        background-color:rgba(0, 0, 0, 0.8);
        border-radius:0px 20px 20px 20px;
        padding: 0px 15px 15px 15px;
        z-index: 3; 
        .mensaje{
            font-size: 30px;
            color: @blanco;
            span{
                color:@colorCorporativo;
            }
        }
        #botonBusqueda{
            margin-top: 10px;
            /*background: @colorPrimarioBuscador;*/
            background: @blanco;
            border: 0px;
            /*color: @blanco;*/
            color: @colorCorporativo;
            margin-right: 15px;
        }
        form{
            margin-top:10px;  
            .enNaranja{
                .btn-default{                    
                    background-color: @colorPrimarioBuscador;
                    border-color: @colorPrimarioBuscador;
                }
                .filter-option{
                    color: @blanco !important;
                }
            }
            .select{
                max-width: 100%;
            }          
            .filter-option{
                padding: 4px !important;
                color: @gris  !important;
                font-size: 16px  !important;
                font-weight: bold !important;
            }
            .inputTexto{
                float: right;
                width: 75%;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                padding: 11px;
                border: 0px;
                font-size: 16px  !important;
                font-weight: bold !important;
                color: @gris  !important;
            }            
        }
    }
    .oficinasSlider{
        background-color:rgba(0, 0, 0, 0.8); 
        margin-top: -50px;
        .oficinasTitulo{
            /*color:@colorPrimarioBuscador;*/
            color:@colorCorporativo;
            float: left;
            margin-top: 25px;
            margin-left: 10px;
            font-size: 30px;
            font-weight: bold;
        }
        .imagenOficnaSlider{
            width: 50px;
            float: left;
            margin-left: 90px;
            margin-top: 10px;
        }
        .lioficina{
            text-align: left !important;
            padding-bottom: 2px;
            list-style-image: url('../images/iconos/icono-mioficina.png');
        }
        .litelefono{
            text-align: left !important; 
            padding-bottom: 2px;
            list-style-image: url('../images/iconos/icono-telefono.png');
        }
        .liemail{
            text-align: left !important; 
            padding-bottom: 2px;
            font-size: 11px;
            list-style-image: url('../images/iconos/icono-email.png'); 
        }
        .licalle{
            text-align: left !important;
            padding-bottom: 2px;
            padding-right: 40px;
            list-style-image: url('../images/iconos/icono-localizacion.png');
        }
    }
    .bx-pager{
        display:none;
    }
    .bx-wrapper{
        margin-top:40px;  
        margin-bottom: 20px;
        text-align: center;
        .bx-viewport{
            width: 70% !important;
            height: 150px  !important;
            left:50px !important;
            background: transparent !important;
            color: @blanco !important;
            border: 0px !important;
            box-shadow: 0 0 5px transparent !important;
            li{
                width: 240px !important;
            }
        }
    }
    .bx-controls-direction{
        a{
            z-index: 1 !important;
        }
    }
}

.buscarMasInmuebles{
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px;
    a{                
        /*background: @registroBackground;*/
        background: @blanco;
        /*color: @blanco;*/
        color: @colorCorporativo;
        font-size: 14px;
        padding: 15px 35px 15px 35px;
        border-radius: 12px;
        box-shadow: 0 15px 10px -10px #808080;
        font-weight: bold;

        border: 2px solid @colorCorporativo;
        &:hover{
            text-decoration: none;
            cursor: pointer;
        }
    }
}

.ultimosInmuebles{ 
    /*background: url('../images/bkmap.png');*/
    background-image: url('../images/fondowebblancoynegrotransparente.jpg');
    box-shadow: 0 15px 10px -10px #808080;
    .lema{
            color: #ffffff;
    font-size: 36px;
    text-align: center;
    margin-top: 20px;
    background: #00b1f0;
    }        
    .nEmpresa{
        color:@colorCorporativo;
        text-align: center;
        font-size: 37px;
        margin-bottom: 20px;
        background: rgba(0,0,0,0.5);
    }    
    .panel-default{
        border: 0px !important;
        background-color: transparent !important;
        .panel-heading{
            background-color: transparent !important;
            border: 0px solid !important;            
            .precioUltimaVivienda{
                /*background-color:rgba(237, 99, 24, 0.8);*/
                /*background-color:rgba(216, 9, 115, 0.5);*/
                background-color:rgba(35, 82, 124, 0.8);
                width: 300px;
                padding: 7px;
                margin-top: -40px;
                position: absolute;
                color: @blanco;
                font-size: 19px;
                font-weight: bold;
                span{
                    float: right;
                    margin-right: 20px;
                }
            } 
            .lemaVerMas{
                background: @negro;
                color:@blanco;
                width: 100px;
                text-align: center;
                float: left;
                margin-top: 80px;
                margin-left: 100px;
                position: absolute;
                padding: 10px;
                border-radius: 10px;
                font-weight: bold;
                opacity: 0;
                transition: opacity 0.5s ease-in;
            }
            &:hover{
                cursor: pointer;               
                .lemaVerMas{
                    opacity: 1;
                    transition: opacity 0.5s ease-in;
                }
                img{
                    opacity: 0.5;
                }
            }            
        }  
        .panel-body{
            width: 300px;
            background: @colorCorporativo;
            margin-left: 15px;
            margin-top: -10px;
            color: @blanco;            
            font-size: 13px;
            font-weight: bold;
            height: 50px;
            text-align: left;
            &:hover{
                cursor: pointer;                
            } 
        }        
    }
}

.inmueblesDestacados{
    background: @backgroundDestacados;
    padding-bottom: 50px;
    h2{
        border:0px !important;
    }
    .contenidoDestacados{
        background: @blanco;
        padding-top: 25px;
        img{
            width: 263px !important;
            height: 169px !important;
        }
        .panel-heading{
            .precioDestacado{
                background-color: rgba(35, 82, 124, 0.8);
                width: 120px;
                padding: 10px;
                margin-top: -70px;
                position: absolute;
                color: #ffffff;
                font-size: 14px;
                font-weight: bold;
            }
        }
        .panel-body{
            margin-top: -60px;
            p{
                background: @colorCorporativo;
                padding: 15px;
                color:@blanco;
            }
        }
    }
}


/* Noticias y consejos */
.noticiasConsejos{
    background: url('../images/bkblog.jpg');
    padding-bottom: 25px;
    h2{
        color:@colorCorporativo;
        border: 0px !important;
        font-weight: bold;
        font-family: cursive;
        font-style: oblique;
    }
    .panel-body{
        .titulo{
            color: @negro;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 12px;
        }
    }
}

/*  Footer*/
.piedepagina{
    /*background-color: darken(@colorCorporativo,10%);*/
    background-color: @colorCorporativo;
    color: @blanco;
    footer {
        margin: 25px 0 !important;
        .contenidoIzqFooter{
            border-right: 1px solid @blanco;
            padding-bottom: 60px;
            .titulo{
                margin-top: 10px;
                margin-bottom: 10px;
                font-size: 20px;
                text-shadow: 2px 3px rgba(0,0,0,0.5);
            }
            .subtitulo{
                margin-top: 10px;
                margin-bottom: 10px;
                font-size: 15px;
                text-align: left;
                text-shadow: 2px 3px rgba(0, 0, 0, 0.5);
                margin-left: 25px;                
            }
            .imgTelefonoGeneral{
                margin-left: 20px;
                margin-right: 10px;
            }
            .telefonoGeneral{
                font-size: 20px;
            }
            .telefonoWhatsapp{
                margin-left: 50px; 
                img{
                    width: 30px;
                }
                span{
                    margin-left: 10px;
                    font-size: 17px;
                    font-weight: bold;
                }
            }
            ul{
                li{
                    list-style: none;
                    width: 150px;
                    background: #FFF;
                    padding: 7px 12px 7px 12px;
                    border-radius: 7px;
                    text-align: center;
                    margin-bottom: 10px;
                    color:@colorCorporativo;
                    &:hover{
                        cursor: pointer;
                        text-decoration: none;
                    }
                    a{
                        color:@colorCorporativo;
                        &:hover{
                            text-decoration: none;
                        }
                    }
                }
            }
        }
        .textoSiguenos{
            font-size: 20px;
            width: 100%;
            text-shadow: 2px 3px rgba(0, 0, 0, 0.5);
        }
        .redesSociales{
            ul{
                min-width: 280px;
                float: left;
                margin-top: 10px;
                margin-left: -20px;
                li{
                    list-style:none;
                    float:left;
                    margin-left: 10px;
                    a{
                        float:left;
                        img{                   
                            width: 50px !important;
                        }
                    }
                }
            }
        }
        form{
            margin-top:20px;
            input{
                color: @colorCorporativo; 
                width: 100%;
                padding: 10px;
                margin-bottom: 10px;
            }
            select{
                color: @colorCorporativo;  
                width: 100%;
                padding: 10px;
                margin-bottom: 10px;
            }
            textarea{
                color: @colorCorporativo;  
                width: 100%;
                text-align: left;
                padding: 10px;
                margin-bottom: 10px;
            }
            input[type="submit"]{
                background: @loginBackground;
                padding: 10px;
                border-radius: 14px;
                margin-top: -10px;
                color:@blanco;
                margin-top: 10px;
                border:0px solid;
                /*border:1px solid darken(@loginBackground,10%);*/
                &:hover{
                    color:@colorMenu !important;
                }
            }
        }
    }
}

.contenidoRegistro{
    /*background: url('../images/bkmap.png');*/
    background-image: url('../images/fondowebblancoynegro.jpg');
    box-shadow: 0 15px 10px -10px #808080;
    margin-top: 25px;
    .lema{
        color:@gris;
        text-align: left;
        font-size: 20px;
        margin-bottom: 20px;
    }        
    .nEmpresa{
        color:@colorCorporativo;
        text-align: left;
        font-size: 37px;
        margin-bottom: 20px;
        margin-left: 10px;
        /*margin-top: 50px;*/
    }  
    .contenidoAnuncios{
        background: #FFF;
        margin-bottom: 25px;
        padding: 20px;
        margin-top: 30px;
        .recordarPass{
            margin-left: 15px;
            margin-bottom: 25px;
        }
    }
    .contenidoAnunciosFiltro{
        background: @fondoGrisMuyClaro;
        padding: 10px;
        margin-bottom: 30px;    
        /*margin-bottom: -145px;*/    
        button{
            background: @colorCorporativo;
            border:0px !important;
            color: @blanco;
            margin-top: 10px;
            padding: 10px 20px 10px 20px;
            border-radius: 10px;
        }
    }
    form{
        a{
            color:@colorCorporativo;
        }
        .botonLogin{
            background: @loginBackground;
            padding: 10px;
            border-radius: 14px;
            margin-top: -10px;
            color: @blanco;
            width:150px;
            text-align: center;
            float:right;
            &:hover{
                color:@colorMenu !important;
            }
        }
        label{
            color:@colorCorporativo;
        }
        input{
            width: 100%;
            padding: 7px;
            margin-top: 0px;
            margin-bottom: 15px;
        }
        select{
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
        }
        textarea{
            width: 100%;
            padding: 10px;
            margin-bottom: 25px;
        }
    }
    .inmueble{
        margin-bottom: 20px;
        min-height: 430px;
        .panel-heading{
            background: @colorCorporativo;
            color: @blanco;                    
        }
        .panel-body{
            padding: 0px;
            img{
                width:408px;
                height:230px !important; 
            }
        }
        .panel-footer{
            padding-top: 20px;
            background: @marronClaro;
            color: @gris;
            font-family: helvetica;
            min-height: 200px;
            span{
                color: @colorCorporativo;
                font-weight: bold;
            }
            .referencia{margin-bottom: 10px;}
            .localizacion{margin-bottom: 10px;}
            .precio{
                color: @negro;
                font-family: helvetica;
                font-size: 25px;
                font-weight: bold;
            }
            .vermas{                
                background-color: @colorCorporativo;
                color: @blanco;
                padding: 9px 25px 7px 30px;
                font-size: 17px;
                margin-top: 20px;
                border-radius: 12px;
                float: right;
                &:hover{
                    cursor: pointer;
                }
            }            
        }
    }
}

.contenidoSidebarAnuncios{
    padding-right: 30px !important;
    padding-left: 30px !important;
    .tituloAnuncio{
        color: @colorCorporativo;
        font-size: 18px;
        font-weight: bold;
    }
    .anuncio{
        margin-top: 20px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px dotted @colorCorporativo;
        color: @gris;
    }
}

#berror{padding:10px; border: 1px solid red;display: none;}
.errormensaje{
    padding: 10px;
    text-align: center;
    color: red;
    border: 1px solid red;
}
.successmensaje{
    padding: 10px;
    text-align: center;
    color: green;
    border: 1px solid green;
}
.contenidoRegistroMensajes{
    background: url('../images/bkmap.png');
    margin-top: 20px;
    padding-top: 50px;
    margin-bottom: -25px;
}

.contenidoNoticias{
    background-image: url('../images/bkNoticias.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    box-shadow: 0 15px 10px -10px #808080;
    margin-top: 25px;
    .lema{
        color:@gris;
        text-align: left;
        font-size: 20px;
        margin-bottom: 20px;
    }        
    .nEmpresa{
        color:@colorCorporativo;
        text-align: left;
        font-size: 37px;
        margin-bottom: 20px;
    }  
    .titulo{
        color:@colorCorporativo;
        text-align: left;
        font-size: 25px;
        margin-bottom: 20px;
    }      
    .botonVolver{
        a{            
            color: @blanco;
            background: @colorCorporativo;
            padding: 10px 20px 10px 20px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
            float: left;
            margin-left: 12px;
        }
    }
    .textoNoticia{
        color: @gris;       
    }
    .contenidoAnuncios{
        background: #FFF;
        margin-bottom: 25px;
        padding: 20px;
        margin-top:20px;
    }    
    .formNewsletter{
        background: @colorCorporativo;
        width: 100%;        
        border-radius: 30px;
        float: right;
        margin-bottom: 20px;
        img{
            float: right;
            width: 150px;
        }
        .titulo{
            color: @blanco;
            text-align: center;
            margin-top: 10px;
            float: left;
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 10px;
            margin-left: 20px;
        }
        form{
            input[type="email"]{
                float: left;
                text-align: center;
                margin-left: 20px;
                border: 0px solid;
                padding: 6px;
                border-radius: 10px;
                margin-bottom: 10px;
                color: @colorCorporativo;
            }

            input[type="submit"]{
                border: 0px solid;
                float: right;
                margin-bottom: 23px;
                margin-right: 35px;
                font-weight: bold;
                padding: 5px 15px 5px 15px;
                border-radius: 7px;
                background: @blanco;
                color:@colorCorporativo;
            }
        }
    }
    .noticiasPorMes{
        .titulo{            
            margin-top: 20px;
            font-size: 20px;
            font-weight: bold;
            color:@colorCorporativo;
        }
        .subtitulo{
            color:@gris;
            margin-bottom:10px;

        }
        li{
            margin-bottom: 5px;
            color: @gris;
            list-style-image: url('../images/iconos/icono-li-noticias.png');
            &:hover{
                cursor: pointer;
            }
        }
    }
    .conNoticia{
        background: @fondoGrisMuyClaro;
        padding-bottom: 20px;
        border: 5px solid @blanco;
        .panel-heading{
            img{
                max-width: 300px;
                height: 200px;
            }
        }
        .panel-body{
            .tituloPrevioNoticia{
                a{                
                    color: @colorCorporativo; 
                    font-family: helvetica;
                    font-size: 17px;
                }
            }
            .fechaPrevioNoticia{
                color: @gris;
                font-size: 11px;
                font-weight: bold;
                margin-top: 10px;
                margin-bottom: 10px;
            }
            .introduccionPrevioNoticia{
                color: @gris;
            }        
        }
        .panel-footer{
            background: @colorCorporativo;
            border: 0px solid !important;
            li{
                float: left;
                list-style: none;
                margin-left: 10px;
                img{
                    width: 25px;
                }
            }
            .masInformacionPrevioNoticia{
                text-align: right;
                a{                
                    color: @blanco;
                    font-weight: bold;
                }
            }
        }        
    }
}

.panel-footer-noticia{    
    background: @colorCorporativo !important;
    border: 0px solid !important;
    ul{
        float:left;
        li{
            float: left;
            list-style: none;
            margin-left: 10px;
            img{
                width: 25px;
            }
        }
    }
    .fechanoticia{
        text-align: right;
        color: @blanco;
        font-weight: bold;
    }
}

/*.bxslider{
    li{
        width: 250px !important;
        background: red !important;
    }
}*/

/* Contacto */

.contenidoContacto{
    /*background-image: url('../images/bkPlano.png'); */
    background-image: url('../images/fondowebblancoynegro.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    box-shadow: 0 15px 10px -10px #808080;
    margin-top: 25px;
    .contactoContainer{
        background: #FFF;
        margin-bottom: 25px;
        padding: 20px;
        margin-top:20px;
        .lema{
            color:@gris;
            text-align: left;
            font-size: 20px;
            margin-bottom: 20px;
        }        
        .nEmpresa{
            color:@colorCorporativo;
            text-align: left;
            font-size: 37px;
            margin-bottom: 20px;
        } 
        #mapa{
            height: 250px;
        }
    }
    .contenidoSidebarContacto{
        .titulo{
            color: @colorCorporativo;
            font-size: 25px;
            font-family: helvetica;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        form{
            input, select, textarea{
                width: 100%;
                padding: 10px;
                margin-bottom: 10px;
                border: 1px solid @gris;
                border-radius: 5px;
            }
            input[type="submit"]{
                width: 50%;
                padding: 10px;
                margin-bottom: 10px;
                border: 0px solid;
                border-radius: 5px;
                float: right;
                background: @colorCorporativo;
                color: @blanco;                
            }
        }
    }
}

/* INMUEBLE */
.contenidoInmueble{
    background-image: url('../images/bkInmueble.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    .contInmueble{
        background: @blanco;
        padding-bottom: 15px;
        .volver{
            margin-top:12px;
            .botonVolver{
                a{            
                    color: @blanco;
                    background: @colorCorporativo;
                    padding: 10px 20px 10px 20px;
                    border-radius: 5px;
                    text-align: center;
                    margin-left: 12px;
                }
            }
        }
        .contenidoTitulo{
            background-color: @marronClaro;
            color:@negro;
            padding-top: 10px;
            padding-bottom: 25px;
            .titulo{
                margin-top: 15px;
                span{
                    font-weight: bold;
                    margin-top: 5px;
                    font-size: 15px;
                }
                img{
                    width: 30px;
                    margin-right: 10px;
                }
            }
            .precio{
                text-align: right;
                font-size: 18px;
                margin-top:12px;
            }            
        }
        .contenidoSociales{
            margin-top: 15px;
            border-bottom: 1px solid @marronClaro;
            ul{
                float: left;
                margin-left: -25px;
                li{
                    float: left;
                    list-style: none;
                    img{
                        width: 30px;
                        margin-right: 10px;                        
                        &:hover{
                            cursor:pointer;
                        }
                    }
                }
            }
            .contenidoInformacionAuxiliar{
                color: @gris;
                text-align: right;
                ul{
                    float:left;
                    margin-top: 12px;
                    font-size: 15px;
                    li{
                        span{
                            margin-right: 10px;
                        }
                        list-style:none;
                        float:left;
                        margin-right: 10px;
                        font-size: 16px;
                    }
                }
            }
        }
        .fichaInmueble{
            margin-top: 20px;
            .contenidoPrecios{
                background-color: @marronClaro;
                .precios{
                    color: @blanco;
                    background: @gris;
                    padding: 50px 20px 50px 20px;
                    text-align: center;
                    .titulo{
                        font-size: 17px;
                    }
                    .precio{
                        font-size: 30px;                    
                        font-weight: bold;
                    }
                    .etiqueta{
                        background-color: @blanco;
                        color: @gris;
                        font-weight: bold;
                        border-radius: 10px;
                        margin-top: 10px;
                        padding: 5px;
                    }
                }
                .datosInmueble{                    
                    .caracteristica{
                        margin-bottom: 2px;
                        margin-top: 2px;
                        .campo{
                            color: @colorCorporativo;
                        }
                        .valor{
                            color: @gris;                        
                        }
                    }
                }
            }
        }
        .contenidoBotonesFormularios{
            margin-top: 20px;
            button{
                background: @colorCorporativo;
                border:0px !important;
                color: @blanco;
                margin-bottom: 10px;
            }
        }
        .contenidoDetalleInmueble{
            margin-top:10px;
            background-color: @marronClaro;
            .panel-heading{
                font-weight: bold;
                font-size: 25px;
                span{
                    float: right;
                }
                .moreInfo{
                    display:none;
                }

            }
            .panel-body{
                margin-top: -30px;
            }
        }
        .contenidoMapaInmueble{
            .panel-heading{
                color: @colorCorporativo;
                font-size: 30px;
                font-weight: bold;
                margin-top: 22px;    
            }
            #mapa{
                height: 500px;
            }
        }        
    }
    .contenidoFormulario{
        background: @marronClaro;
        padding: 20px;
        border: 20px solid @blanco;
        .titulo{
            margin-bottom: 10px;
            .subtitulo1{
                margin-top: 14px;
                margin-left: 0px;
                text-align: left;
                font-size: 18px;
                padding-left: 25px;
            }
            .subtitulo2{
                margin-top: 7px;
                margin-left: 0px;
                text-align: left;
                font-size: 25px;
                padding-left: 25px;
            }
            img{
                width: 50px;
            }
        }
        .oficina{
            margin-bottom: 10px;
            .subtitulo1{
                margin-top: 14px;
                margin-left: 0px;
                text-align: center;
                font-size: 19px;
                padding-left: 50px;
            }
            img{
                width: 90px;
            }
        }
        .formulario{
            margin-top:20px;
            form{
                input, textarea{
                    color: @gris;
                    width: 90%;
                    border: 0px solid;
                    padding: 10px;
                    border-radius: 7px;
                    margin-bottom: 10px;
                    margin-left: 15px;
                } 
                button{
                    background: @colorCorporativo;
                    border:0px !important;
                    color: @blanco;
                    margin-bottom: 10px;
                    margin-left: 15px;
                }
            }
        }
    }
}

.solicitudInformacion{
    background: @marronClaro;
    padding: 20px;
    .titulo{
        margin-top: 10px;
        font-size: 25px;
        font-weight: bold;
        color: @gris;
    }
    form{
        margin-top:20px;
        input, textarea{
            color: @gris;
            width: 90%;
            border: 0px solid;
            padding: 10px;
            border-radius: 7px;
            margin-bottom: 10px;
            margin-left: 15px;
        } 
        button{
            background: @colorCorporativo;
            border:0px !important;
            color: @blanco;
            margin-bottom: 10px;
            margin-left: 15px;
        }
    }
}

.contenidoOficinas{
    /*background-image: url('../images/bkOficinas.png'); */
    background-image: url('../images/fondowebblancoynegro.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 25px;
    .containerOficinas{
        margin-top: 25px;
        margin-bottom: 25px;
        background-color: @blanco;
        padding: 20px;
        .contenidoMapa{
            #mapa{
                height: 435px;
                margin-bottom: 20px;
            }
            .titulo{
                color: @colorCorporativo;
                font-size: 30px;
                margin-bottom: 20px;
            }
        }
        .datosOficina{
            background: @marronClaro;
            padding-left: 25px;
            padding-top: 15px;
            .titulo{
                color: @colorCorporativo;
                font-size: 30px;
                margin-bottom: 20px;
            }
            form{
                margin-left: -12px !important;
                label{
                    color: @gris;
                }
                select{
                    width: 100%;
                }
                button{
                    background: @colorCorporativo;
                    border:0px !important;
                    color: @blanco;
                    margin-bottom: 10px;
                    margin-left: 0px;
                }
            }
            .informacion{
                margin-bottom: 20px;
                .registro{
                    margin-bottom: 5px;
                    .tituloO{
                        color: @colorCorporativo;
                        font-size: 18px;
                        margin-bottom: 10px;
                    }                
                }
            }
        }
    }
}

.pgwSlideshow .ps-current > ul > li img{max-width: 50% !important;}
.pgwSlideshow .ps-current > ul {background: white !important;}
.pgwSlideshow .ps-list {background: @blanco !important; box-shadow: none !important; border: 0px solid !important;}
.pgwSlideshow{background: @blanco !important;}

.navListadoInmuebles{
    background-image: url('../images/fondowebblancoynegro.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 25px;
    .contenidoListadoInmuebles{
        background: @blanco;
        margin-top: 25px;
        margin-bottom: 25px;
        .filtros{
            background-color: @marronClaro;
            padding: 25px;
            .titulo{
                font-size: 30px;
                font-weight: bold;
                font-family: helvetica;
                margin-bottom: 10px;
                color: @colorCorporativo;
            }
            label{
                width: 100%;
                color: @gris;
            }
            strong{
                color: @gris;
            }
            input{
                width: 100%;
                padding: 10px;
                margin-bottom: 10px;
            }
        }
        .listado{
            .cabecera{
                color: @gris;
                margin-top: 20px;
                margin-bottom: 20px;
                border-bottom: 1px solid @gris;
                font-size: 16px;
                span{
                    color: @colorCorporativo;
                    font-weight: bold;
                    font-size: 25px;
                }
                .selectorVision{
                    text-align: right;
                    img{
                        width: 50px;
                        margin-left: 10px;
                        margin-bottom: 10px;
                        &:hover{
                            cursor: pointer;
                        }
                    }
                }
            }
            .inmueble{
                margin-bottom: 20px;
                min-height: 500px;
                .panel-heading{
                    background: @colorCorporativo;
                    color: @blanco;                    
                }
                .panel-body{
                    padding: 0px;
                    img{
                        width:408px;
                        height:230px !important; 
                    }
                }
                .panel-footer{
                    padding-top: 20px;
                    background: @marronClaro;
                    color: @gris;
                    font-family: helvetica;
                    min-height: 200px;
                    span{
                        color: @colorCorporativo;
                        font-weight: bold;
                    }
                    .referencia{margin-bottom: 10px;}
                    .localizacion{margin-bottom: 10px;}
                    .precio{
                        color: @negro;
                        font-family: helvetica;
                        font-size: 25px;
                        font-weight: bold;
                    }
                    .vermas{
                        background-color: @colorCorporativo;
                        color: @blanco;
                        /*                        background-color: @registroBackground;
                                                color: @blanco;*/
                        padding: 9px 25px 7px 30px;
                        font-size: 17px;
                        margin-top: 20px;
                        border-radius: 12px;
                        float: right;
                        &:hover{
                            cursor: pointer;
                        }
                    }
                }
            }
        }
    }
}

.ui-widget-header{background: @colorCorporativo !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{margin-bottom: 15px !important;}

.opcionesSupDer{
    a{
        padding-left: 0px !important;
    }
}

.contenidoPromocion{    
    border-bottom: 2px solid @colorCorporativo;
    padding: 10px;
    margin-bottom: 40px;
    background: @fondoGrisMuyClaro;
    .panel-heading{
        /*color:@colorPrimarioBuscador;*/
        color:@colorCorporativo;
        font-size: 25px;;
        font-weight: bold;
    }
    .panel-footer{
        background: transparent;
        border-top: 1px dotted @colorCorporativo;
        button{
            background: @colorCorporativo;
            border:0px !important;
            color: @blanco;
            padding: 8px;
            border-radius: 6px;
        }
    }
}

#misFiltros{
    display:block;
}
#muestraFiltros{
    color: @gris;
    font-size: 15px;
    float: right;
    margin-top: 15px;
    &:hover{
        cursor:pointer;
    }
}

.paginacion{
    margin-bottom:25px;
    margin-right: 10px !important;
    float: right !important;
    .numero{
        border-right: @gris 1px solid;
        padding-right: 7px;
        padding-left: 7px;
    }
    .numeroSelected{
        border-right: @gris 1px solid;
        padding-right: 7px;
        padding-left: 7px;
    }
    a{
        color:@gris;
        font-size: 15px;
    }
}

.selectOrdenacion{
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid @colorCorporativo;
}

.movatec{
    color: @blanco;
    font-weight: bold;
}

.contenidoCookies{
    color: @blanco;
    font-size: 12px;
    font-weight: bold;
    background-color: @gris !important;
    padding-top: 25px;
    border:0px solid;
    button{
        background: @blanco;
        padding: 7px;
        color: @gris;
        padding: 7px 17px 7px 17px;
        border: 0px solid;
        margin-left: 15px;
        border-radius: 10px;
    }
}

.containerNewsletter{
    padding-bottom: 30px;
    background-color: @colorFondoNewsletter;
    img{
        width: 380px;
        margin-top: 23px;
    }
    .contenidoFormulario{
        margin-top: 10px;
        .panel-heading{
            .titulo{
                color: @blanco;
                font-size: 40px;
                font-weight: bold;
            }
            .subtitulo{
                color: @blanco;
                font-size: 18px;
                margin-top: 10px;
            }
        }
        .panel-body{
            input{
                width: 100%;
                padding: 10px;
                border: 0px solid;
                margin-bottom: 10px;
                border-radius: 10px;
            }
            button{
                background: @colorCorporativo;
                border:0px !important;
                color: @blanco;
                margin-top: 0px;
                padding: 10px 20px 10px 20px;
                border-radius: 10px;
            }
        }
    }
}

.contenidoInmuebleColumnaImagen{
    img{
        width: 100%;
        height: 200px;
        border-right: 1px solid @colorCorporativo;
    }
}

.contenidoInmuebleListado{
    margin-bottom: 25px;
    margin-right: 0px !important;
    margin-left: 0px !important;
    .contenidoInmuebleColumnaDatos{
        .panel-heading{
            background-color: @colorCorporativo;
            color: @blanco;
            font-weight: bold;
            font-size: 18px;
        }
        .panel-footer{
            .referencia{
                margin-top: 10px;
                color: @gris;
            }
            .vermas{
                /*background-color: @registroBackground;*/
                background-color: @colorCorporativo;
                color: @blanco;
                padding: 9px 25px 7px 30px;
                font-size: 17px;
                border-radius: 12px;
                float: right;
                &:hover{
                    cursor: pointer;
                }
            }  
        }
        .panel-body{
            background-color: @marronClaro;
            .precios{
                background-color: @gris;
                color: @blanco;
                font-size: 18px;
                padding-top: 10px;
                padding-bottom: 20px;
                margin-top: -15px;
            }
            .precio{
                color: @blanco;
                font-family: helvetica;
                font-size: 25px;
                font-weight: bold;
            }
            span{
                color: @colorCorporativo;
                font-weight: bold;
            }
            .localizacion{
                margin-bottom: 5px;
                color:@gris;
            }
        }
    }
}

.banderas{
    margin-top:25px;
    a{
        margin-right: 15px;
        &:hover{
            cursor: pointer;
        }
    }
    img{
        width: 25px;
        height: 25px;
    }
}

.skiptranslate{
    display: none;
}

/*Responsive*/
@media (max-width: 768px) { 
    .contenidoCookies{
        height: 130px;
    }

    #misFiltros{
        display:none;
    }
    .carousel{
        height: 50% !important;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        background-color: @colorCorporativo !important;
        border-color: @colorCorporativo !important;
        margin-top:20px;
        li{
            border-bottom: 1px solid @blanco;
            a{
                color: @colorMenu !important;
                font-weight: bold;
                font-size: 16px;
                &:hover{
                    color:@colorMenuHover !important;
                }
            }
        }
    }
    .contenidoDentroSlider {
        margin-top: 20px;
        float: left;
        .bucadorSlider {
            margin-bottom:50px;
            z-index: 3;
            form{
                .selectOp1{
                    width: 100% !important;
                    border-radius: 0px !important;
                    margin-bottom: 15px;
                }
                .bootstrap-select{
                    width: 100% !important;
                    border-radius: 0px !important;
                    margin-bottom: 15px;
                }
                .inputTexto{
                    width: 100% !important;
                    border-radius: 0px !important;
                    margin-bottom: 15px;
                }
            } 
        }
        .bx-wrapper{
            .bx-viewport{
                height: 130px !important;
            }
        } 
    }

    .inmueblesDestacados{
        .contenidoDestacados{
            .panel-heading{
                margin-bottom: 10px;
                img{
                    width: 90% !important;
                    height: 50% !important;
                }
            }
            .panel-body{
                width: 91% !important;
            }
        }
    }

    .piedepagina{
        footer {
            .contenidoIzqFooter{
                border-bottom: 1px solid @blanco !important;;
                border-right: 0px solid !important;
            }
        }
    }   
}

.select2-container{
    width:100%;
    margin-bottom:20px;
    a{
        padding: 10px !important;

    }
    .select2-choice{
        background-color: @blanco;
        border: 1px solid @colorCorporativo;
        text-align: left;
    }
    &.select2-container-active{
        a{
            border: 1px solid @colorCorporativo;
            &.select2-search-choice-close{
                border: 0;
            }
        }
    }
    &.select2-dropdown-open{
        a{            border: 1px solid @colorCorporativo;
                      border-bottom: 1px solid @backgroundb;
                      &.select2-search-choice-close{
                          border: 0;
                      }
        }
        &.select2-drop-above{
            a{
                border: 1px solid @colorCorporativo;
                border-top: 1px solid @backgroundb;
                &.select2-search-choice-close{
                    border: 0;
                }
            }
        }
    }
}
.select2-input{background: transparent;}
.select2-drop{
    border: 1px solid @dividerb;
    background: @blanco;
    color: @textb !important;
    width: 200px;
    .select2-highlighted{
        background: @colorCorporativo;
    }
}

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

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

    .select2-search-choice{
        border: 0;
        background-color: @colorCorporativo;
        color: @blanco;
        div,
        a{
            background-color: @colorCorporativo;
            color: @blanco;
        }
        .select2-search-choice-close
        {
            text-decoration: none;
        }
        .select2-search-choice-close:before{
            font-family: 'icomoon';
            content:  url(../images/iconos/icono-x.png);
            margin-top: -7px;
            margin-right: -9px;
            float: right;
        }
    }
}

.select2-container-multi .select2-search-choice a, .select2-container-multi .select2-search-choice div{
    float:left !important;;
}

.select2-search-choice-close{
    display: block !important;;
    width: 12px !important;;
    height: 13px !important;;
    outline: none  !important;;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px !important;
    margin: 3px 0 3px 5px !important;
    line-height: 35px !important; 
}

.titulofooter{
    font-size: 20px;
    width: 100%;
    text-shadow: 2px 3px rgba(0, 0, 0, 0.5);
    margin-bottom:15px;
}
.listafooter{
    padding:0;

}


.navbar-brand {

    height: auto !important;
    padding: 0px 10px !important;

}

.navbar-inverse .botonLogin:hover{
   color: #00b1f0 !important;
}

@media handheld, only screen and (min-width: 640px) { .whatsapp{ display:none; } } @media only screen and (min-width: 640px) { .whatsapp{ display:none; } }