/*=== Mobilia - Copyright 2023- */

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

/*VARIABLES PARA LOS COLORES PRINCIPALES*/
:root {
    /* --main-bg-color:#021f38; */
    --main-bg-color: #032e59;
    --main-bg-color-rgb: 255, 58, 69;
    --secondary-bg-color: #ff3a45;
    --hover-bg-color: #ff3a45;
    --blue-bg-color-rgb: 3, 46, 89;
}
.marginTop-slider {
    filter: none;
}
.carousel .item::before {
    background: var(--main-bg-color);
    filter: none;
    opacity: 0.1;
}
.bg-primary {
	background-color: var(--main-bg-color);
}
.btn-success, .btn-primary {
    color: #fff;
    background-color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}
.Banner-Animado .layoutBanners .itemBanner .overlay {
    background-color: rgba(var(--blue-bg-color-rgb), 0.5);
}
/*Estilos para los servicios*/
.serviciosNew .item-flex:nth-child(3) .item {
    min-height: 331px!important;
}
.servicios-home .layoutBanners .itemBanner img {
    display: block;
    padding-top: 20px;
    height: 70%;
    object-fit: scale-down;
    margin: 0 auto;
    filter: hue-rotate(686deg) saturate(350%) contrast(140%) brightness(100%);
}
.Banner-Animado .layoutBanners .itemBanner .overlay:hover {
    height: 100%;
    bottom: 0;
    top: auto;
    background-color: rgba(var(--secondary-bg-color-rgb), 0.5);
}
/*SE OCULTAN LAS SECCIONES DE MENÚ*/
.menuInicio, li.menuBlog, li.menuVacacional {
    display: none !important;
}
/***************************************************************************  CABECERA  */

.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 {
    color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
}
.Destacado .DLFichaPrecio, .DLFichaPrecio, .Grid-listado .DLFichaPrecio {
    background: var(--hover-bg-color);
}
.carousel .subTitulo span {
    font-weight: 300;
}
.datosCabecera a {
    color: #dfdfdf;
    font-size: 15px;
}
.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
    outline: none !important;
    outline-offset: 0px;
}
#pID0 #collapseBuscador .btn-default {
    margin-top: 1px;
}
.BNNR-contactanos a.btn.anim {
    background: var(--hover-bg-color);
}
/*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
   @media only screen and (min-width : 1200px) and (max-width: 1499px) {
    .navbar-default .navbar-nav > li > a,
    .cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
        letter-spacing: 0.5px;
        font-size: 22px;
        padding: 5px 13px 31px 13px;
    }
    #pID0 .cabeceraMenu.affix {
        background: #fff;
    }
        #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
            color: #000;
            font-weight: 300;
        }
    #pID0 .navbar-default .navbar-nav > li > a {
        color: #fff;
        text-shadow: 2px 2px 4px rgb(0 0 0 / 80%)!important;
    }

 }

   @media only screen and (min-width : 1200px) {
    .marginTop-slider {
        top: -129px;
    }
        .navbar-default .navbar-nav > li > a, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
        letter-spacing: 0.5px;
        font-size: 22px;
        padding: 5px 13px 31px 13px;
    }
    .navbar-default .navbar-collapse {
        margin-top: 35px;
    }
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 3px;
        left: 110px;
        border-radius: 67.65px;
        padding: 6px 25px 6px 25px;
        width: 150px;
        background: transparent;
    }
    #pID0 .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: -15px;
        left: 70px;
        border-radius: 67.65px;
        padding: 6px 25px 6px 25px;
        width: 210px;
        background: transparent;
    }
    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: 5px;
        left: 110px;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 118px;
        background: transparent;
    }
    #pID0 .cabeceraMenu.affix,
    .cabeceraMenu.affix {
        background: #fff;
        min-height: 75px;
    }
    .cabeceraMenu {
        background: #fff;
        min-height: 95px;
    }
    .cabeceraPagina,
    #pID0 .cabeceraPagina {
        height: 37px;
    }
    .datosCabecera {
        margin-top: 0px;
    }
    #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a, .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,
    #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover {
        color: var(--main-bg-color);
        font-weight: 300;
        text-shadow: none!important;
    }
    #pID0 .navbar-default .navbar-nav > li > a {
        text-shadow: 2px 2px 4px rgb(0 0 0 / 90%);
    }
    .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);
        font-weight: 300
    }
    
    #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover {
        color: var(--secondary-bg-color);
    }
    #pID0 .servicios-home {
        padding-left: 5%;
        padding-right: 5%;
    }
    #pID0 .servicios-home .itemBannerGroup {
        width: 22%;
    }
   }
   
   @media only screen and (min-width : 992px) and (max-width: 1199px) {
    .telefonosMovil.text-left a {
        padding-left: 60px;
        color: var(--main-bg-color);
    }
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 8px;
        left: 40px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }
    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: 8px;
        left: 40px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }
    #pID0 .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 8px;
        left: 40px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }
    #pID0 .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: 8px;
        left: 40px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }
    /******************************/
    .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #pID0 .cabeceraMenu, 
    .cabeceraMenu, 
    #pID0 .cabeceraMenu.affix, 
    .cabeceraMenu.affix {
        min-height: 100px;
    }
        /**/
        #pID0 .cabeceraMenu, .cabeceraMenu, #pID0 .cabeceraMenu.affix, .cabeceraMenu.affix {
            background: #fff;
        }

            #pID0 .navbar-default .navbar-nav > li > a, .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);
                font-weight: 400;
            }

            .navbar-default .navbar-collapse, .cabeceraMenu.affix .navbar-default .navbar-collapse {
                margin-top: 10px !important;
                padding-bottom: 15px;
            }

            #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(--secondary-bg-color) !important;
                box-shadow: none;
                background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
            }

            .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 {
                color: var(--secondary-bg-color) !important;
                background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
            }

    #pID0 .navbar-default .navbar-nav > .active > a, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: var(--secondary-bg-color) !important;
        background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
    }

    .navbar-default .navbar-toggle {
        margin: 30px 0;
    }

    #pID0 .cabeceraMenu .navbar, #pID0 .cabeceraMenu.affix .navbar {
        margin-top: 0px;
    }
   }
   
   @media only screen and (min-width : 768px) and (max-width: 991px) {
    .telefonosMovil.text-left a {
        padding-left: 10px;
        color: var(--main-bg-color);
    }
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 8px;
        left: 0px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }

    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: 8px;
        left: 0px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }

    #pID0 .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 8px;
        left: 0px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }

    #pID0 .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: 8px;
        left: 0px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }
    /******************************/
    .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #pID0 .cabeceraMenu,
    .cabeceraMenu,
    #pID0 .cabeceraMenu.affix,
    .cabeceraMenu.affix {
        min-height: 100px;
    }
        /**/
        #pID0 .cabeceraMenu, .cabeceraMenu, #pID0 .cabeceraMenu.affix, .cabeceraMenu.affix {
            background: #fff;
        }

            #pID0 .navbar-default .navbar-nav > li > a, .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);
                font-weight: 400;
            }

            .navbar-default .navbar-collapse, .cabeceraMenu.affix .navbar-default .navbar-collapse {
                margin-top: 10px !important;
                padding-bottom: 15px;
            }

            #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(--secondary-bg-color) !important;
                box-shadow: none;
                background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
            }

            .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 {
                color: var(--secondary-bg-color) !important;
                background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
            }

    #pID0 .navbar-default .navbar-nav > .active > a, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: var(--secondary-bg-color) !important;
        background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
    }

    .navbar-default .navbar-toggle {
        margin: 30px 0;
    }

    #pID0 .cabeceraMenu .navbar, #pID0 .cabeceraMenu.affix .navbar {
        margin-top: 0px;
    }
   }
   
   @media only screen and (max-width : 767px) {
    .telefonosMovil.text-left a {
        padding-left: 10px;
        color: var(--main-bg-color);
    }
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 8px;
        left: 0px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }

    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: 8px;
        left: 0px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }

    #pID0 .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: 5px;
        left: 0px !important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }

    #pID0 .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: 5px;
        left: 0px!important;
        border-radius: 67.65px;
        padding: 5px 18px 5px 18px;
        width: 130px;
        background: #fff;
    }
    /******************************/
    .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #pID0 .cabeceraMenu,
    .cabeceraMenu,
    #pID0 .cabeceraMenu.affix,
    .cabeceraMenu.affix {
        min-height: 100px;
    }
        /**/
        #pID0 .cabeceraMenu, .cabeceraMenu, #pID0 .cabeceraMenu.affix, .cabeceraMenu.affix {
            background: #fff;
        }
            #pID0 .navbar-default .navbar-nav > li > a, .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);
                font-weight: 400;
            }
            .navbar-default .navbar-collapse, .cabeceraMenu.affix .navbar-default .navbar-collapse {
                margin-top: 10px !important;
                padding-bottom: 15px;
            }
            #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(--secondary-bg-color) !important;
                box-shadow: none;
                background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
            }
            .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 {
                color: var(--secondary-bg-color) !important;
                background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
            }
    #pID0 .navbar-default .navbar-nav > .active > a, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: var(--secondary-bg-color) !important;
        background-color: rgba(var(--main-bg-color-rgb), 0.1) !important;
    }
    .navbar-default .navbar-toggle {
        margin: 30px 0;
    }
    #pID0 .cabeceraMenu .navbar, #pID0 .cabeceraMenu.affix .navbar {
        margin-top: 0px;
    }
   }



div#pID64854 .cabeceraContainer,
div#pID64879 .cabeceraContainer,
div#pID64881 .cabeceraContainer,
div#pID64873 .cabeceraContainer {
    background: var(--main-bg-color);
    z-index: 999;
}
/***************************  HOME  ***************************/
/*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
   @media only screen and (min-width : 1200px) {
    .Banner-Animado .col-md-4 {
        width: 24.9999%;
    }
    #pID0 .cabeceraContainer .cabeceraLogo img {
        filter: none!important;
    }
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .Banner-Animado .col-md-4 {
        width: 24.9999%;
    }
}

@media only screen and (min-width : 768px) and (max-width: 991px) {

}

@media only screen and (max-width : 767px) {
    
}
/***************************************************************************  SERVICIOS  */

/*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
@media only screen and (min-width : 1200px) {
    
    .servicios-home .itemBannerGroup {
        width: 24%;
    }
    div#mID171048 .servicios-home .itemBannerGroup {
        width: 22%;
    }
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .servicios-home .itemBannerGroup {
        width: 24%;
    }
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
}

@media only screen and (max-width : 767px) {
}
/***************************************************************************  footer  */
.pie .logo {
    width: 290px;
    height: auto;
    text-align: left;
    margin-top: 35px;
    background: url(/Portals/inmobiliarias/Images/Logo2.png);
    background-repeat: no-repeat;
    background-size: 185px;
}
.pie .logo img {
	visibility: hidden;
}
.pie .logopie img {
    max-width: 50%;
    padding-bottom: 0px;
}
/*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
   @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) {
   
   }
   
   @media only screen and (max-width : 767px) {
	   
   }