/*=== Mobilia - Copyright 2022- */

/******** importa Tema: Tema6.css *********/
@import url("/DesktopModules/InmoBS3/layouts/css/Temas/Tema6.css");
/***************************************/

/*  =====================================================
    =             1. VARIABLES  PRINCIPALES              =
    =====================================================   */

:root {
    --main-bg-color: #16212f;
    --main-bg-color-rgb: 20, 64, 117;
    --secondary-bg-color: #312f3b;
    --hover-bg-color: #406492;
}

.menuNosotros, .menuBlog{
    display: none !important;
}


div#pID0 .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix, .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix{
    width:95px !important;
}


div#collapseBuscador {
    background: #4f6071;
}

/*Estilos para los servicios*/
.serviciosNew .item-flex:nth-child(3) .item {
    min-height: 331px !important;
}

/*SE OCULTAN LAS SECCIONES DE MENÚ*/
.menuInicio {
    display: none !important;
}

.menuPromociones, .menuVacacional {
    display: none !important;
}
.carousel .item::before {
    background: #000;
    opacity: 0.0;
}
.carousel-control.left, .carousel-control.right {
background-image: none;
}

.BNNR-contactanos .bannerTopContainer::before {
    background: var(--main-bg-color) !important;
    filter: none !important;
    opacity: 0.4;
    text-shadow: 1;
}
.servicios-home .layoutBanners .itemBanner img, .ServiciosContent .bannersLayout2 .Banners2Image {
    filter: invert(0.4) sepia(1) hue-rotate(167deg) brightness(90%) contrast(3) !important;
}
.bannersLayout2 .Banners2 a.BtnEnlace::before {
    background: #194171;
}
.bannersLayout2 .Banners2 a.BtnEnlace:hover::before {
    background: #194171;
}
.cabeceraMenu.affix {
    background: #fff;
    min-height: 90px;
}
#pID0 .cabeceraMenu .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 500;
}
.cabeceraMenu .navbar-default .navbar-nav > li > a,
.cabeceraMenu.affix .navbar-default .navbar-nav > li > a,
#pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
    color: var(--main-bg-color);
    text-shadow: none;
    font-weight: 500;
}
.top-generico::before {
    border-bottom: solid 1px var(--secondary-bg-color);
    box-shadow: inset 0px -1px 180px var(--main-bg-color);
    opacity: .5;
}
/*******************************************************  NOSOTROS   */
.txtInicioImgContent .col-xs-12.col-md-7 {
    border-left: none;
}

div#mID170660 .txtInicioImgContent p {
    white-space: pre-line;
}
/*******************************************************  FOOTER   */
.pie .logo img {
    object-fit: cover;
    width: 62%;
}

    /*  =====================================================
   =        Bootstrap 3.3 Media Queries Libres          =
   =====================================================   */
    @media only screen and (min-width : 1200px) {
        .cabeceraMenu {
            border-bottom: none;
        }
        div #pID0 .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 40px;
        left: 10%;
        width: 170px;
    }
        .cabeceraContainer .cabeceraLogo {
            position: absolute;
            top: 10px;
            left: 10%;
            width: 170px;
        }
        .cabeceraMenu .navbar-default .navbar-nav > li > a {
            color: #fff;
            text-shadow: 2px 2px 3px #000;
        }
        div#pID0 .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix,
        .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
            display: block;
            position: absolute;
            top: 0px;
            left: 10%;
            width: 110px;
            filter: none;
            -webkit-filter: none;
            -moz-filter: none;
        }
        .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:focus,
        .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: var(--main-bg-color);
            box-shadow: inset 0px -1px 0px var(--main-bg-color);
        }
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            color: var(--main-bg-color);
            box-shadow: inset 0px -1px 0px var(--main-bg-color);
        }
            .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
                color: #fff;
            }
            /*******************  BLOG */
        div#pID102795 .cabeceraContainer {
            background: transparent;
            z-index: 999;
        }
            div#pID102795 .cabeceraContainer .cabeceraLogo {
                position: absolute;
                top: 0px;
                left: 10%;
                width: 110px;
            }
        div#pID102795 .cabeceraMenu .navbar-default .navbar-nav > li > a {
            color: var(--main-bg-color);
            text-shadow: none;
        }
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 0px;
        left: 40px;
        width: 85px;
    }
    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        top: 0px;
        left: 40px;
        width: 85px;
        filter: none;
    }
    .telefonosMovil.text-left a {
        color: var(--main-bg-color);
    }
    .navbar i, .navbar .fa {
        color: var(--main-bg-color);
    }
    .cabeceraMenu, .cabeceraMenu.affix {
        background: #fff;
        min-height: 80px´!important;
        border-bottom: 1px solid #0000001f;
    }
        .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:focus, .cabeceraMenu .navbar-default .navbar-nav > .active > a, .cabeceraMenu .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu .navbar-default .navbar-nav > .active > a:focus {
            color: var(--main-bg-color);
            background-color: rgb(25 65 113 / 31%);
            box-shadow: none;
        }
        #pID0 .navbar-default .navbar-nav > li > a:hover, #pID0 .navbar-default .navbar-nav > li > a:focus, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
            color: var(--main-bg-color);
            background-color: rgb(25 65 113 / 31%);
            box-shadow: none;
        }
    #pID0 .cabeceraMenu .navbar-default .navbar-nav > li > a {
        color: var(--main-bg-color);
    }
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 0px;
        left: 40px;
        width: 90px;
    }

    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        top: 0px;
        left: 40px;
        width: 90px;
        filter: none;
    }

    .telefonosMovil.text-left a {
        color: var(--main-bg-color);
    }

    .navbar i, .navbar .fa {
        color: var(--main-bg-color);
    }

    .cabeceraMenu, .cabeceraMenu.affix {
        background: #fff;
        min-height: 80px´ !important;
        border-bottom: 1px solid #0000001f;
    }

        .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:focus, .cabeceraMenu .navbar-default .navbar-nav > .active > a, .cabeceraMenu .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu .navbar-default .navbar-nav > .active > a:focus {
            color: var(--main-bg-color);
            background-color: rgb(25 65 113 / 31%);
            box-shadow: none;
        }

        #pID0 .navbar-default .navbar-nav > li > a:hover, #pID0 .navbar-default .navbar-nav > li > a:focus, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
            color: var(--main-bg-color);
            background-color: rgb(25 65 113 / 31%);
            box-shadow: none;
        }

    #pID0 .cabeceraMenu .navbar-default .navbar-nav > li > a {
        color: var(--main-bg-color);
    }
}

@media only screen and (max-width : 767px) {
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: -5px;
        left: 40px;
        width: 90px;
    }

    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        top: 0px;
        left: 40px;
        width: 90px;
        filter: none;
    }

    .telefonosMovil.text-left a {
        color: var(--main-bg-color);
    }

    .navbar i, .navbar .fa {
        color: var(--main-bg-color);
    }

    .cabeceraMenu, .cabeceraMenu.affix {
        background: #fff;
        min-height: 80px´ !important;
        border-bottom: 1px solid #0000001f;
    }

        .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:focus, .cabeceraMenu .navbar-default .navbar-nav > .active > a, .cabeceraMenu .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu .navbar-default .navbar-nav > .active > a:focus {
            color: var(--main-bg-color);
            background-color: rgb(25 65 113 / 31%);
            box-shadow: none;
        }

        #pID0 .navbar-default .navbar-nav > li > a:hover, #pID0 .navbar-default .navbar-nav > li > a:focus, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
            color: var(--main-bg-color);
            background-color: rgb(25 65 113 / 31%);
            box-shadow: none;
        }

    #pID0 .cabeceraMenu .navbar-default .navbar-nav > li > a {
        color: var(--main-bg-color);
    }
}
/******************************************  SERVICIOS  */
div#mID170651 .bg-txtInicio {
    padding: 60px 0px 80px 0px;
}
div#mID170651 .bg-txtInicio p {
    padding: 0;
    text-align: justify;
    font-size: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    line-height: 25px;
    white-space: pre-line;
}


/*  =====================================================
   =        Bootstrap 3.3 Media Queries Libres          =
   =====================================================   */

@media only screen and (min-width : 1200px) {
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    div#mID170651 .bg-txtInicio p {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }
}

@media only screen and (max-width : 767px) {
    div#mID170651 .bg-txtInicio p {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }
}