//Border radius
.br(@radius) {
    -ie-border-radius: @radius;
    -moz-border-radius: @radius;
    -webkit-border-radius: @radius;
    border-radius: @radius;
}

//No seleccionable
.ns(){
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

//Floats
.fl{
    float: left;
}

.fr{
    float: right;
}

.abs{
    position: absolute;
}

//BoxSizing
.bb(){
    -ie-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

//Alto por contenido
.hh(){
    height: auto;
    overflow: hidden;
}

.gradient(@color1,@color2,@percent: 100%){
    background: @color1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZGMxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  @color1 0%, @color2 @percent); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@color1), color-stop(@percent,@color2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  @color1 0%,@color2 @percent); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  @color1 0%,@color2 @percent); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  @color1 0%,@color2 @percent); /* IE10+ */
    background: linear-gradient(to bottom,  @color1 0%,@color2 @percent); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 ); /* IE6-8 */

}

.bg50n(){
    background: rgba(0,0,0,0.50);
}

.bg25n(){
    background: rgba(0,0,0,0.25);
}

.bg50b(){
    background: rgba(255,255,255,0.50);
}

.bg25b(){
    background: rgba(255,255,255,0.25);
}


.select2-drop{
    .bb();
}

.select2-container-multi{
    width: 100%;
    .select2-search-choice{
        margin: 0 8px 8px 0;
        padding: 8px 8px;
        a,
        div{
            .fl();
        }
    }
}
.select2-container{
    margin: 0 0 8px 0;
    width: 100%;
    .select2-choice{
        .br(2px);
        height: 42px;
        line-height: 42px;
    }
}

.row{
    .hh();
    width: 100%;
}

.span10 {
    width: 10%;
}
.span20 {
    width: 20%;
}
.span25 {
    width: 25%;
}
.span27 {
    width: 27%;
}
.span30 {
    width: 30%;
}
.span33 {
    width: 33.333333333%;
}
.span40 {
    width: 40%;
}
.span46 {
    width: 46%;
}
.span50 {
    width: 50%;
}
.span55 {
    width: 55%;
}
.span60 {
    width: 60%;
}
.span70 {
    width: 70%;
}
.span75 {
    width: 75%;
}
.span80 {
    width: 80%;
}
.span90 {
    width: 90%;
}

.span100 {
    width: 100%;
}

.visible{
    transition: 0.3s all;
    opacity: 0;
}

.style(@px){

    h1,
    h2,
    h3,
    h4,
    h5{
        margin: 0 0 10px*@px 0;
    }

    body{ 
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0;
        padding: 0;
        //Firefox need it.
        height: 100%;
        /*background-color: #f8f8f8;*/
        background: url('/images/body-bg.png');
    }

    form{
        margin: 0;
    }

    header{
        .hh();
        width: 100%;
        min-height: 48px;
    }

    @media(max-width:1600px){

    }
    @media(max-width:1280px){

    }
    @media(max-width:780px){

    }
    @media(max-width:380px){
        .botonera{
            ul{
                li{
                    i{
                    }
                    span{
                        display: none;
                    }
                }
            }
        }

        .span10 {
            width: 50%;
        }
        .span20 {
            width: 50%;
        }
        .span25 {
            width: 50%;
        }
        .span33 {
            width: 50%;
        }
        .span40 {
            width: 50%;
        }
        .span50 {
            width: 100%;
        }
        .span60 {
            width: 100%;
        }
        .span75 {
            width: 100%;
        }
        .span100 {
            width: 100%;
        }
        .container{

        }
        .containerBuscador{

        }
    }

}

.hidden{
    display: none !important;
}

@media
(-webkit-min-device-pixel-ratio: .75),
(min-resolution: .75dppx){
    @px: .75px;
    @px: 1px;
    .style(@px);
}
@media
(-webkit-min-device-pixel-ratio: 1.0),
(min-resolution: 1dppx){
    @px: 1px;
    .style(@px);
}
@media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx){
    @px: 1.5px;
    @px: 1px;
    .style(@px);
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx){
    @px: 2px;
    @px: 1px;
    .style(@px);
}
@media
(-webkit-min-device-pixel-ratio: 3),
(min-resolution: 3dppx){
    @px: 3px;
    @px: 1px;
    .style(@px);
}
@media
(-webkit-min-device-pixel-ratio: 4),
(min-resolution: 4dppx){
    @px: 4px;
    @px: 1px;
    .style(@px);
}
.arrow {
    margin-top: -19%;
    float: left;
    z-index: 999999;
    cursor: pointer;
    margin-bottom: 10%;
    width: 25px;
    background: #333;
    border-radius: 35px;
    padding: 8px;
    height: 25px;
        img
        {
            width: 15px!important;
        }
}
.imagegaleria {
    margin-left: 5px;
    height: 130px;
    text-align: center;
    background: black;
    overflow: hidden;
}


.span20.displayinlineblock.similar {
    margin-left: 5px;
    //width: 169px!important;
    vertical-align: middle;
}

.cb.slider {
    padding-top: 25px;
    background: transparent;
    padding-bottom: 25px;
    padding-left: 35px;
    height: auto;
}

.next
{
    float: right;
} 


.caroufredsel_wrapper 
{
    margin: 17px 5px 0 !important;
}



.imagegaleria img {
    height: 100%;
    width: auto!important;
}

.sidebarFacetas {
    float: left;
    width: 22%;
    overflow: hidden;
    text-align: left;
    background: gainsboro;
    padding-left: 20px;
    padding-top: 20px;
}

.inputFacetas {
    width: 90%;
    margin-top: 5px;
    margin-bottom: 5px;
    strong
    {
        font-weight: 300;
    }
    label
    {
        font-weight: 300;
    }
}
.containerFooter .contenidoCentral {
    max-width: 1013px;
    margin-top: 25px;
    /* min-height: 150px; */
    margin-bottom: 20px;
    color: #f8f8f8;
    font-size: 14px;
    background: #212121!important;
}

.cargandoajax
{
    display: none;
    background: white;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

.span75.displayinlineblock.contenidoListadoInmuebles {
    background: white;
}

.paginacion img {
    width: 15px;
}