/******** importa base: Demo1.css ******* VIVALTA 2021 **/
 @import url("/DesktopModules/InmoBS3/layouts/css/Demo1.css");
 /***************************************/
/*======
Mobilia
Copyright 2016
 



/*colores paleta
-------------
#242424 - gris
#ae0e2c - rojo
============ */
:root {
    --main-bg-color: #004502;
    --main-bg-color-rgb: 0, 69, 2;
    --secondary-bg-color: #91d236;
    --hover-bg-color: #91d236;
    --hover-bg-color-rgb: 145, 210, 54;
    --grey-bg-color: #f6f6f6;
    --font-bg-color: #404040;
    --main-font: 'Urbanist', sans-serif;
    --number-font: 'Teachers', sans-serif;
    --secondary-font: 'Montserrat', sans-serif;
    --Blanco-bg-color: #FFF;
}
/** variaciones **/
.copyright a {color:#CF1839}
.cabeceraPagina .logo {width:200px; padding-top:5px; padding-bottom:5px;}
.slide-primary {
	background:rgba(20,20,20,0.8); 
	color:#fff !important;
	-webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	-moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	}
.slide-secondary {
	background:rgba(255,255,255,0.6); 
	color:#000 !important;
	-webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	-moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	}
	
.slide-titulo{font-size:30px; }
.slide-subtitulo{font-size:22px;}
.slide-boton a { color: #ffffff !important; }
/********************/
.btn-primary {
    font-size: 15px !important;
    font-family: var(--secondary-font);
    font-weight: 400;
}
.btn-success {
    font-size: 15px !important;
    font-family: var(--secondary-font);
    font-weight: 400;
}
/******** COLOR PAGINAS *************/
body {
    font-family: var(--secondary-font);
    font-size: 14px;
    line-height: 1.42857143;
    color: var(--font-bg-color);
    background-color: #fff !important;
}
.panel-primary {
    border-color: var(--main-bg-color)!important;
}
    .panel-primary > .panel-heading {
        color: #fff;
        background-color: var(--main-bg-color) !important;
        border-color: var(--main-bg-color) !important;
    }
.bg-primary {
    color: #fff;
    background-color: var(--main-bg-color) !important;
}
/************************************/
p {
    margin: 0 0 10px;
    font-family: var(--secondary-font);
    font-size: 18px;
    color: var(--font-bg-color);
    line-height: 29px;
    letter-spacing: .55px;
}
h1,
.tituloSeccion h1, .tituloSeccion h2 {
    color: var(--font-bg-color);
    font-weight: 800 !important;
    border-bottom: none;
    font-size: 40px !important;
    letter-spacing: .55px;
    text-transform: inherit;
    text-align: center;
    font-family: var(--main-font);
    margin-bottom: 30px !important;
}


h3 {
    font-size: 23px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    color: var(--font-bg-color);
    font-family: var(--secondary-font) !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
}
a.btn.btn-bnnr,
.btn.btn-bnnr {
    color: var(--main-bg-color) !important;
    border: 1px solid var(--main-bg-color);
    margin-top: 35px;
    padding: 6px 40px;
    background: #fff;
    width: auto;
    border-radius: 20px;
    font-family: var(--main-font);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: .55px;
}
    a.btn.btn-bnnr:hover,
    .btn.btn-bnnr:hover {
        background: var(--main-bg-color) !important;
        color: #fff !important;
    }
.btn-primary {
    color: #fff;
    background-color: var(--main-bg-color) !important;
    border-color: var(--main-bg-color) !important;
}
.btn-success {
    color: #fff;
    background-color: var(--main-bg-color) !important;
    border-color: var(--main-bg-color) !important;
}
#myBtn {
    background-color: var(--font-bg-color) !important;
    padding: 10px 15px !important;
}
/*==============================================================================================
************************************************************************************** CABECERA
===============================================================================================*/

/* NO TOCAR */
.cabeceraContainer {
    position: relative;/*max-height: 98px;*/	
}
.cabeceraContainer .cabeceraLogo {
position: absolute;
top: 14px;
    left: 30px;
}
.cabeceraContainer .cabeceraLogo a {
    width: 100px;
    height: 50px;
    display: block;
}
.cabeceraContainer .cabeceraLogo a img {
    height: 100%;
    width: 100%;
	object-fit: contain;
	position: relative;
    top: 0;
}
.cabeceraContainer .cabeceraLogo_affix {
    position: absolute;
    top: -34px;
    left: 86px;
}
.cabeceraContainer .cabeceraLogo_affix a {
    width: 100%;
    height: auto;
    display: block;
}
.cabeceraContainer .cabeceraLogo_affix a img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
/*********************************/
/* TOCAR */
.cabeceraContainer {
    background: #fff;
	 z-index: 999;
}

.cabeceraContainer .cabeceraLogo {
    position: absolute;
    top: -5px;
    left: -21px;
	width: 120px;
    /*transform: scale(2.0);*/
}
.cabeceraContainer .cabeceraLogo a {
    width: 100% !important;
    height: auto !important;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.cabeceraMenu {
    background: #fff;
    min-height: 80px;
}
.cabeceraMenu.affix {
    background: #fff;
    min-height: 80px;
}
.affix {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.cabeceraMenu.affix .navbar-default .navbar-collapse {
    float: left;
    margin-top: 2px!important;
    width: 100%;
    background: transparent;
}
.cabeceraContainer .cabeceraMenu.affix .cabeceraLogo {
	display: none;
}
.cabeceraLogo_affix {
	display: none;
}
.cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
    display: block;
    position: absolute;
    top: -5px;
    left: -21px;
	width: 120px;
    /*transform: scale(2);*/
}
.cabeceraContainer .cabeceraMenu.affix .navbar {
    margin-top: 0px;
}
.cabeceraPagina {
    background: var(--main-bg-color);
    color: #fff;
    border-bottom: 1px solid #d8dce1;
    height: 30px;
    padding: 5px 0;
}

.datosCabecera {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0px;
    height: 25px;
    float: right;
    margin-right: 0px;
}

    .datosCabecera .pull-right.phone {
        border: none;
        padding: 2px 10px;
        margin: -3px 10px 0px 0px;
        border-right: 1px solid #d8dce1;
    }
.menu-datosCabecera {
    margin-top: 8px;
}
    .menu-datosCabecera a {
        color: var(--font-bg-color);
        font-weight: 400;
        font-family: var(--secondary-font);
        font-size: 13px;
    }
.menu-datosCabecera a:hover{
	text-decoration: none;
	color: #ccc; 
}
.menu-datosCabecera ul {
	display: inline-block;
}
.menu-datosCabecera li {
	display: inline-block;
}

.cabeceraPagina a.btn.btn-bnnr {
    text-align: center;
    border: none;
    margin-top: 7px;
    color: #ffffff !important;
    padding: 3px 20px;
    background: var(--main-bg-color);
    width: 160px;
    font-weight: 300;
    font-size: 17px;
    font-family: var(--secondary-font);
    border-radius: 2px;
}
.datosCabecera.text-center span {
    display: block;
	    font-size: 12px;
}
.datosCabecera a {
    color: #fff;
    font-weight: 400;
    font-family: var(--secondary-font);
    font-size: 12px;
    padding: 0px 10px;
}
.datosCabecera .fa {
	display: none;
}
.btn-lang .caret {
    color: #fff;
}
.btn-lang {
    display: inline-block;
    margin-top: -4px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #fff9;
    padding: 1px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
}
#pID0 ul.nav.navbar-nav.anim {
	float: right;
    margin-bottom: 10px;
    margin-top: 0px;
}
ul.nav.navbar-nav.anim {
	float: right;
    margin-bottom: 10px;
    margin-top: 2px;
}

.cabeceraContainer .cabeceraMenu.affix ul.nav.navbar-nav.anim {
	float: right;
    margin-bottom: 0px;
    margin-top: 0px;
}
.navbar {
    margin-top: 0px;
}
#pID0 .navbar-default .navbar-collapse {
    float: left;
    margin-top: 2px;
    width: 100%;
}
.navbar-default .navbar-collapse {
    float: left;
    margin-top: 0px;
    width: 100%;
}
.navbar-nav>li>a {
    padding-top: 2px;
    padding-bottom: 0px;/* line-height: 20px; */
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 12px;
}
.cabeceraMenu .navbar-default .navbar-nav > li > a {
    color: var(--font-bg-color);
    font-family: var(--secondary-font);
    text-transform: uppercase;
    font-size: 16px;
    padding: 34px 15px 10px 15px;
    text-shadow: none;
    font-weight: 400;
}

.cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
    color: var(--font-bg-color);
    font-family: var(--secondary-font);
    text-transform: uppercase;
    font-size: 16px;
    padding: 34px 15px 10px 15px;
    text-shadow: none;
    font-weight: 400;
}
    .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
        color: var(--font-bg-color);
        box-shadow: 0px -3px 0px var(--main-bg-color);
        background-color: transparent !important;
    }
#pID0 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: var(--font-bg-color);
    box-shadow: 0px -3px 0px var(--main-bg-color);
    background-color: transparent !important;
}
.cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
    color: var(--font-bg-color);
    box-shadow: 0px -3px 0px var(--main-bg-color);
    background-color: transparent !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: var(--font-bg-color);
    box-shadow: 0px -3px 0px var(--main-bg-color);
    background-color: transparent !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(--font-bg-color);
    box-shadow: 0px -3px 0px var(--main-bg-color);
    background-color: transparent !important;
}
#pID0 .navbar-default .navbar-nav > .active > a, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus {
    color: var(--font-bg-color);
    box-shadow: 0px -3px 0px var(--main-bg-color);
    background-color: transparent !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: var(--font-bg-color);
    box-shadow: 0px -3px 0px var(--main-bg-color);
    background-color: transparent !important;
}
.navbar-default .navbar-toggle {
    border-color: var(--font-bg-color);
    background: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background: transparent;
}
/****************************************************************** memu desplegable */

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #e62828;
    text-decoration: none;
    background-color: #83868563;
}
.cabeceraContainer .cabeceraMenu .navbar-nav>li>.dropdown-menu {
    margin-top: 42px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.97);
	padding: 0px;
}
.cabeceraContainer .cabeceraMenu.affix .navbar-nav>li>.dropdown-menu {
    margin-top: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.97);
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #e62828;
    background-color: transparent;
}
.navbar-nav .dropdown-menu li:first-child {
    margin-right: 0px;
}
.navbar-nav .dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    clear: both;
    line-height: 1.42857143;
    color: #404548;
    white-space: nowrap;
    font-family: var(--secondary-font);
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: inherit;
    font-size: 14px;
}
    .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: var(--main-bg-color);
    }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: var(--main-bg-color);
    background-color: #fff;
}
.navbar-toggle {
    margin-right: -1px!important;
    margin-top: 23px!important;
    margin-bottom: 8px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #91d23694!important;
}
/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
			.cabeceraMenu.affix {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 27%);
}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    overflow: hidden;
}
	.cabeceraPagina {
    height: 47px;
}
	.cabeceraContainer .cabeceraLogo {
    position: absolute;
    top: -5px;
    left: 0px;
}
	.cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
    display: block;
    position: absolute;
    top: -4px;
    left: 0px;
}
	ul.nav.navbar-nav.anim {
    float: none;
    margin-bottom: 10px;
    margin-top: 40px;
    width: 100%;
    text-align: center;
}
	.cabeceraContainer .cabeceraMenu.affix ul.nav.navbar-nav.anim {
    float: none;
    margin-bottom: 0px;
    margin-top: 40px;
}
    .cabeceraMenu .navbar-default .navbar-nav > li > a,
    .cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
        color: var(--font-bg-color);
        font-family: var(--secondary-font);
        letter-spacing: 1px;
        text-transform: inherit;
        font-size: 16px;
        padding: 4px 0px 10px 0px;
        text-shadow: none;
        font-weight: 700;
        text-align: center;
    }

        .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
            color: var(--main-bg-color) !important;
            box-shadow: none;
            background-color: #91d2368c !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(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
    #pID0 .navbar-default .navbar-nav > .active > a, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, #pID0 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: var(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
    .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) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: var(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
	/************* submenu  ***********/
	.cabeceraContainer .cabeceraMenu.affix .navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: none;
    background: rgb(249 249 249);
}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		background: #fff;
	}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: var(--font-bg-color) !important;
        font-family: var(--secondary-font);
        letter-spacing: 1px;
        text-transform: inherit;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }
	.cabeceraContainer .cabeceraMenu .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: none;
    background: rgb(249 249 249);
    padding: 16px 0px;
		background-color: rgb(249 249 249)!important;
}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: var(--main-bg-color) !important;
        background-color: #f9f9f9 !important;
    }
    .navbar-toggle {
        margin: 22px;
    }
    #pID0 .navbar-default .navbar-collapse,
    .cabeceraMenu.affix .navbar-default .navbar-collapse {
        margin-top: 20px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
		.cabeceraMenu.affix {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 27%);
}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    overflow: hidden;
}
	.cabeceraPagina {
    height: 47px;
}
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: -5px;
        left: 0px;
    }

    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: -4px;
        left: 0px;
    }
	ul.nav.navbar-nav.anim {
    float: none;
    margin-bottom: 10px;
    margin-top: 40px;
    width: 100%;
    text-align: center;
}
	.cabeceraContainer .cabeceraMenu.affix ul.nav.navbar-nav.anim {
    float: none;
    margin-bottom: 0px;
    margin-top: 40px;
}
    .cabeceraMenu .navbar-default .navbar-nav > li > a,
    .cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
        color: var(--font-bg-color);
        font-family: var(--secondary-font);
        letter-spacing: 1px;
        text-transform: inherit;
        font-size: 16px;
        padding: 4px 15px 10px 15px;
        text-shadow: none;
        font-weight: 700;
        text-align: center;
    }

        .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
            color: var(--main-bg-color) !important;
            box-shadow: none;
            background-color: #91d2368c !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(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
        ;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: var(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
    .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) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, #pID0 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: var(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
	/************* submenu  ***********/
	.cabeceraContainer .cabeceraMenu.affix .navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: none;
    background: rgb(249 249 249);
}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		background: #fff;
	}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: var(--font-bg-color) !important;
        font-family: var(--secondary-font);
        letter-spacing: 1px;
        text-transform: inherit;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }
	.cabeceraContainer .cabeceraMenu .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: none;
    background: rgb(249 249 249);
    padding: 16px 0px;
		background-color: rgb(249 249 249)!important;
}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: var(--main-bg-color) !important;
        background-color: #f9f9f9 !important;
    }
    .navbar-toggle {
        margin: 22px;
    }

    #pID0 .navbar-default .navbar-collapse,
    .cabeceraMenu.affix .navbar-default .navbar-collapse {
        margin-top: 20px !important;
    }
}

@media only screen and (max-width : 767px) {
	.cabeceraMenu.affix {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 27%);
}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    overflow: hidden;
}
		.cabeceraPagina {
    height: 47px;
}
    .cabeceraContainer .cabeceraLogo {
        position: absolute;
        top: -5px;
        left: 0px;
    }

    .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
        display: block;
        position: absolute;
        top: -4px;
        left: 0px;
    }
.navbar-nav {
    margin: 7.5px 0px!important;
}
	ul.nav.navbar-nav.anim {
    float: none;
    margin-bottom: 10px;
    margin-top: 40px;
    width: 100%;
    text-align: center;
}
	.cabeceraContainer .cabeceraMenu.affix ul.nav.navbar-nav.anim {
    float: none;
    margin-bottom: 0px;
    margin-top: 40px;
}
    .cabeceraMenu .navbar-default .navbar-nav > li > a,
    .cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
        color: var(--font-bg-color);
        font-family: var(--secondary-font);
        letter-spacing: 1px;
        text-transform: inherit;
        font-size: 16px;
        padding: 4px 15px 10px 15px;
        text-shadow: none;
        font-weight: 700;
        text-align: center;
    }

        .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
            color: var(--main-bg-color) !important;
            box-shadow: none;
            background-color: #91d2368c !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(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: var(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
    .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) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, #pID0 .navbar-default .navbar-nav > .active > a:hover, #pID0 .navbar-default .navbar-nav > .active > a:focus, #pID0 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: var(--main-bg-color) !important;
        box-shadow: none;
        background-color: #91d2368c !important;
    }
	/************* submenu  ***********/
	.cabeceraContainer .cabeceraMenu.affix .navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: none;
    background: rgb(249 249 249);
}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		background: #fff;
	}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: var(--font-bg-color) !important;
        font-family: var(--secondary-font);
        letter-spacing: 1px;
        text-transform: inherit;
        font-size: 16px;
        font-weight: 700;
        text-align: left;
    }
	.cabeceraContainer .cabeceraMenu .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    box-shadow: none;
    background: rgb(249 249 249);
    padding: 16px 0px;
		background-color: rgb(249 249 249)!important;
}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: var(--main-bg-color) !important;
        background-color: #f9f9f9 !important;
    }
    .navbar-toggle {
        margin: 22px;
    }

    #pID0 .navbar-default .navbar-collapse,
    .cabeceraMenu.affix .navbar-default .navbar-collapse {
        margin-top: 20px !important;
    }
}





/*==============================================================================================
****************************************************************************************** HOME
===============================================================================================*/
div#pID57592 .ThreePanes {
    margin-bottom: 0px;
    margin-top: 20px;
}
/********************************************* SLIDER *****/
/*div#mID106497 {
    display: none;
}*/
.carousel {
    position: relative;
    margin-top: -20px;
}
.carousel-inner > .active {
    left: 0;
    padding-left: 0px;
}
.carousel a.carousel-control img {
    margin-top: 17px;
    height: 32px;
    position: absolute;
    bottom: 40%;
}
.carousel .carousel-control.left {
	    right: 40px!important;
}
.slideVivalta {
    padding-top: 60px;
    padding-bottom: 30px;
    position: relative;
    background-image: url(/Portals/vivalta/Images/Slide01.jpg);
    height: 620px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}
    .slideVivalta::before {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #000;
        opacity: 0.2;
    }
    .slideVivalta .tituloDestacado {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
        padding-top: 160px;
    }
    .slideVivalta h1 {
        color: #fff !important;
        text-shadow: 2px 2px 4px rgb(0 0 0 / 12%);
        font-weight: 600 !important;
        border-bottom: none;
        font-size: 57px !important;
        line-height: 60px;
        text-transform: inherit;
        text-align: center;
        font-family: var(--main-font);
        margin: 0px !important;
    }
.slideVivalta a.btn.btn-bnnr {
	float: right;
}
    .slideVivalta .tituloDestacado p {
        color: var(--font-bg-color);
        line-height: 34px;
        font-family: var(--secondary-font);
        font-size: 26px;
        text-align: right;
        font-weight: 500;
    }
/********************************************* txt inicio01 *****/
div#mID193711, div#mID193717, div#mID193721 {
    background-color: var(--grey-bg-color) !important;
}
.bg-txtInicio .bloqueCentrado {
    padding: 10px 10% 70px 10%;
    text-align: center;
}
/*********************************  listado Home  *****/
div#mID190676 {
    padding-top: 60px;
    padding-bottom: 60px;
}


/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
#vivirContent .bg-img2 {
    float: right;
    text-align: right;
    margin-top: 71px;
    background-image: url(/Portals/vivalta/images/home01.jpg);
    height: 555px;
    width: 50%;
    overflow: hidden;
    background-size: 140%;
    background-repeat: no-repeat;
    background-position: top center;
}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    .slideVivalta {
        height: 500px;
    }
    .slideVivalta .tituloDestacado {
        padding-top: 80px;
    }
	/******  txt inicio01  *****/
	#vivirContent .bg-orange {
    padding: 92px 0px 47px 4%;
}
#vivirContent .bg-img2 {
    float: right;
    text-align: right;
    margin-top: 62px;
    background-image: url(/Portals/vivalta/images/home01.jpg);
    height: 487px;
    width: 50%;
    overflow: hidden;
    background-size: 170%;
    background-repeat: no-repeat;
    background-position: top center;
}
	/******  txt inicio02  *****/
	
	.txtHome02 p.dosCol {
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
		/*******  txt inicio Datalab  *****/
	.DataLab-content h3 {
	    margin-top: 0px!important;	
	}
	.DataLab-content.itemGrey {
    background: transparent;
    padding: 0px 0;
    margin-top: 0;
    margin-bottom: 0;
}
	.DataLab-content .img-item2,
	.DataLab-content .img-item1 {
    height: 550px;
    overflow: hidden;
}
	.DataLab-content .img-item2 img,
	.DataLab-content .img-item1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
	.DataLab-content .info-item3 {
    padding-top: 10px;
}
		/*********  testimonios ********/
	.homeTestimonios a.botonVivalta {
    text-align: center;
		margin-bottom: 60px;
}



}

@media only screen and (max-width : 767px) {
/********************************************* SLIDER *****/
	.slideVivalta {
		height: auto;
		background-position: center top;
		padding-top: 8px;
        height: 410px;
	}
	.slideVivalta h1 {
	font-size: 27px!important;
    line-height: 37px;	
		text-align: center;
	}	
	.slideVivalta .tituloDestacado p {
	line-height: 30px;
    font-size: 24px;
		text-align: center;
	}
	.slideVivalta .tituloDestacado {
		text-align: center;
	}
	.slideVivalta a.btn.btn-bnnr {
    float: none;
}
/******  txt inicio01  *****/
    .bg-txtInicio .bloqueCentrado {
        padding: 10px 15px 70px 15px;
        text-align: center;
    }
        .bg-txtInicio .bloqueCentrado p {
            text-align: left;
        }
}


/*==============================================================================================
************************************************************************************** DETALLE
===============================================================================================*/
div#pID55588 .ThreePanes {
    margin-bottom: 40px;
    margin-top: 0px;
}
/*********************************************** portadaDetalle *********/
.portadaDetalle {
    background-size: cover;
    background-position: center;
}

.portadaDetalle {
    height: 500px;
    position: relative;
}
.portadaDetalle::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgb(31 177 191 / 0% ) 93%, rgb(31 177 191) 93%);
    opacity: 0.7;
    height: 500px;
}
.bloqueEncabezadoInduo {
    height: 500px;
}
.bloqueBotonesEncabezado {
    position: relative;
    top: 470px;
    text-align: center;
}
    .bloqueBotonesEncabezado .btn-success {
        background-color: transparent !important;
        border: 0px solid transparent;
        padding: 0px;
        font-family: var(--secondary-font);
        font-weight: 400;
        font-size: 18px !important;
    }
/*********************************************** bloqueTitulos *********/
.bloqueTitulos {
    padding-top: 30px;
    padding-bottom: 20px;
}
.tituloPrincipalInduo {
    color: var(--font-bg-color);
    font-weight: 200;
    border-bottom: none;
    font-size: 30px !important;
    text-transform: inherit;
    text-align: left;
    font-family: var(--secondary-font);
    padding-bottom: 10px;
}
.tituloSecundarioInduo {
    color: var(--font-bg-color);
    font-weight: 400;
    border-bottom: none;
    font-size: 17px !important;
    text-transform: inherit;
    text-align: left;
    font-family: var(--secondary-font);
    padding-bottom: 10px;
}
.caracteristicasBasicasInduo {
    font-family: var(--secondary-font);
    text-align: left;
    font-weight: 400;
    color: #868686;
    font-size: 14px;
    padding: 30px 0px 0px 15px;
}
.bloquePrecios .labelVenta {
    font-family: var(--secondary-font);
    color: var(--font-bg-color);
    font-size: 15px;
    font-weight: 400;
    display: block;
    padding-top: 40px;
}
.bloquePrecios .labelPrecioVenta {
    font-weight: 500;
    display: block;
    font-family: var(--secondary-font);
    color: var(--font-bg-color);
    font-size: 32px;
    padding-top: 0px;
}
.bloquePrecios span.labelPrecio.labelAlquiler {
    font-family: var(--secondary-font);
    color: var(--font-bg-color);
    font-size: 15px;
    font-weight: 400;
    display: block;
    padding-top: 0px;
}
.bloquePrecios span.labelPrecioAlquiler {
    font-weight: 500;
    display: block;
    font-family: var(--secondary-font);
    color: var(--font-bg-color);
    font-size: 32px;
    padding-top: 0px;
}
.bloqueRedesSocialesDetalle {
        background-color: #f5f5f5;
    padding-top: 5px;
    height: 40px;
}
/*********************************************** bloqueTitulos *********/
.tituloBloqueDetalleInduo {
    color: var(--font-bg-color);
    font-weight: 400;
    border-bottom: none;
    font-size: 21px !important;
    text-transform: inherit;
    text-align: left;
    font-family: var(--secondary-font);
    padding: 20px 0;
}
.IDOtrosDatosBig2Columnas {
    padding-top: 10px;
}
div#lightgallery {
    padding-left: 14px;
    padding-right: 14px;
}

.IDPropiedadBig, .IDPropiedad {
    border-bottom: 1px solid #ababab70;
    padding-bottom: 5px;
    margin-bottom: 5px;
    min-height: 28px;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-family: var(--secondary-font);
    color: #404040ad;
    font-size: 16px;
    margin-top: 12px;
}
.IDPropiedadBig .pull-right {
    color: #32ad9e;
    font-weight: 500;
    font-size: 14px;
}
.IDPropiedadBig .pull-right span.fa.fa-check {
    color: transparent;
}

.IDPropiedadBig .pull-right span.fa {
    background-image: url(/Portals/filainmobiliaria/Images/check.png);
    height: 19px;
    background-repeat: no-repeat;
	background-size: 80%;
}
.container-fluid.bg-blue {
    padding-right: 0px;
    padding-left: 0px;
}
.tituloSeccion30 {
    color: var(--font-bg-color);
    font-weight: 400;
    border-bottom: none;
    font-size: 21px !important;
    text-transform: inherit;
    text-align: left;
    font-family: var(--secondary-font);
    padding-bottom: 10px;
}

/*********************************************** Contacto *********/
.col-xs-12.col-md-3.bloqueAgenteContactoInduo {
    margin-top: -40px;
}
.encabezadoContactoInduo {
    color: var(--font-bg-color);
    font-weight: 400;
    border-bottom: none;
    font-size: 21px !important;
    text-transform: inherit;
    text-align: left;
    font-family: var(--secondary-font);
    padding-bottom: 10px;
}
.IDContactoInduo .form-control {
    border: none;
    border-bottom: 1px solid #333;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.IDContactoInduo textarea.form-control {
    border: 1px solid #333!important;
}
.bloqueAgenteContactoInduo, .IDContacto {
    border-left: 1px solid #ccc;
    margin-top: 28px;
    background: transparent;
}
.bloqueContacto {
    padding-top: 30px;
}

.IDPropiedadBig {
    border-bottom: 1px solid #ababab;
    padding-bottom: 5px;
    margin-bottom: 5px;
    min-height: 28px;
    display: inline-block;
    width: 100%;
    font-family: var(--main-font);
    color: var(--font-bg-color);
    font-size: 14px;
}
.tituloFix {
    line-height: 1.1;
    color: #333333e3;
    font-weight: 400;
    font-size: 20px !important;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    border-bottom: none;
    letter-spacing: -1px;
    padding-bottom: 7px;
}
.bloqueMenuInmueble .affix, .bloqueMenuInmueble .affix-bottom {
    background-color: #f5f5f5!important;
}
.bloqueInfoBig {
    background: #fff!important;
    margin-bottom: 20px;
    overflow: hidden;
}


.tituloSeccionAffix {
    color: var(--font-bg-color);
    font-weight: 400;
    font-size: 20px !important;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    border-bottom: none;
    letter-spacing: -1px;
    padding-bottom: 7px;
}
.IDResumenBig .IDSeparadorBig {
    border-bottom: 1px solid #d8dce1;
    margin: 7px 0;
}
.IDResumenBig {
    font-size: 14px;
    margin-right: 15px;
    padding-top: 0px !important;
    margin: 0 0 10px;
    font-family: var(--secondary-font);
    color: var(--font-bg-color);
    line-height: 24px;
}
.morelink {
    font-size: 14px;
    margin-right: 15px;
    padding-top: 0px !important;
    margin: 0 0 10px;
    font-family: var(--secondary-font);
    color: var(--main-bg-color) !important;
    line-height: 24px;
    font-weight: 500;
}
span.hidden-md.labelVenta {
    display: none;
}
.IDPrecioBig {
    font-family: var(--number-font);
    font-size: 30px;
    font-weight: lighter;
}
.IDContactoAffix {
    background: transparent;
    padding: 15px;
    color: var(--font-bg-color);
    font-family: var(--secondary-font);
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none !important;
    border-left: 1px solid #d8dce1;
}
.cuerpoContacto .LinkAceptarCondiciones a {
    text-decoration: none;
    /*font-size: 10px!important;*/
    font-family: var(--secondary-font);
    color: var(--font-bg-color);
    font-weight: 400;
}
.cuerpoContacto label {
    font-family: var(--secondary-font);
    color: var(--font-bg-color);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}
/*********************************************** galeria *********/
.botonMasImagenes {
    display: table;
    margin: 0 auto;
    margin-top: 30px;
}
div#GaleriaAbajoAffixFull img.img-responsive.imagenGaleriaAbajo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
div#GaleriaAbajoAffixFull a.col-xs-12.col-sm-3 {
    padding-right: 1px;
    padding-left: 1px;
    overflow: hidden;
    height: 150px;
}
.imagenGaleriaAbajo {
    width: 100%;
    object-fit: cover;
    height: 300px;
    padding-bottom: 2px;
    object-position: bottom right;
}
/*  =====================================================
    =            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) {
    .IDOtrosDatosBig2Columnas {
        padding-top: 0px;
        font-family: var(--secondary-font);
        font-size: 16px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }
	.row.bloquePrecios {
    padding-left: 14px;
}
}
/*==============================================================================================
************************************************************************************** CONTACTO
===============================================================================================*/
.LinkAceptarCondiciones, .LinkAceptarCondiciones a {
    font-family: var(--secondary-font);
    font-weight: 400;
    font-size: 14px;
    color: #000;
    line-height: 18px;
}
/*******   formulario   *********/
.topEncabezado.contacto {
    padding-top: 60px;
    padding-bottom: 60px;
}
.formuContent {
position: relative;
    overflow: hidden;	
	padding: 10px 20px;
    background: #fff;
}
.formuContent textarea {
	height: 120px!important;
}
    .formuContent h3 {
        color: var(--font-bg-color);
        letter-spacing: -1px;
        text-transform: inherit;
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 8px;
        font-weight: 400 !important;
        text-decoration: none;
        font-style: normal;
        font-family: var(--main-font);
        font-size: 21px !important;
    }
 .formuContent .form-group {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
    .formuContent h3 {
        color: var(--font-bg-color);
        letter-spacing: -1px;
        margin-top: 40px;
        margin-bottom: 21px;
        text-transform: inherit;
        border-bottom: 1px solid #f5f5f5;
        padding-bottom: 8px;
        font-weight: 400;
        text-decoration: none;
        font-style: normal;
        font-family: var(--main-font);
        font-size: 21px;
    }
    .formuContent .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 13px;
        line-height: 1.42857143;
        color: var(--font-bg-color);
        background-color: transparent;
        background-image: none;
        border: none;
        border-bottom: 1px solid #333;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    .formuContent .btn-default {
        color: var(--font-bg-color);
        background-color: #f5f5f5;
        border-color: transparent;
        margin-top: -6px;
    }
        .formuContent .btn-default:hover {
            color: var(--font-bg-color);
            background-color: #f5f5f5;
            border-color: transparent;
        }
    .formuContent .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: var(--font-bg-color);
        text-align: center;
        background-color: #f5f5f5;
        border: none;
        border-radius: 0;
    }   


/************************ DELEGACIONES */

.container.Delegaciones {
    /*box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    background: #fff;*/
    margin: 0 auto;
    padding: 60px 10px;
}

.container.Delegaciones h2 {
    display: none;
}
    .container.Delegaciones h1.titulo {
        color: var(--font-bg-color);
        font-weight: 800 !important;
        border-bottom: none;
        font-size: 40px !important;
        letter-spacing: .55px;
        text-transform: inherit;
        text-align: center;
        font-family: var(--main-font);
        margin-bottom: 30px !important;
    }
.DatosDelegacion {
    border-bottom: none;
    text-transform: inherit;
    text-align: center;
    font-family: var(--secondary-font) !important;
    font-size: 20px !important;
    line-height: 24px;
    color: var(--font-bg-color) !important;
    display: flex !important;
    padding: 30px 0px 0px !important;
    font-weight: 500;
    flex-direction: column;
}
    .DatosDelegacion .telefono {
        display: flex;
        font-size: 16px;
        position: relative;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 10px;
    }
        .DatosDelegacion .telefono a {
            text-align: center;
            font-family: var(--number-font) !important;
            font-weight: 500;
            font-size: 20px;
            color: var(--font-bg-color);
        }
    .DatosDelegacion .mail a {
        text-align: center;
        font-family: var(--number-font) !important;
        font-weight: 500;
        font-size: 20px;
        color: var(--font-bg-color);
    }

/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
    @media only screen and (min-width : 1200px) {
        .container.Delegaciones .col-xs-12.col-sm-6.col-md-3.col-lg-3 {
            box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
            background: #fff;
            margin: 0 5px;
            padding: 10px;
            width: 24%;
        }
        }
        
        @media only screen and (min-width : 992px) and (max-width: 1199px) {
        .container.Delegaciones .col-xs-12.col-sm-6.col-md-3.col-lg-3 {
            box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
            background: #fff;
            margin: 0 5px;
            padding: 10px;
            width: 23%;
        }
        }
        
        @media only screen and (min-width : 768px) and (max-width: 991px) {
        .bg-bandaContacto p {
            padding: 0;
        }
            .container.Delegaciones .col-xs-12.col-sm-6.col-md-3.col-lg-3 {
            box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
            background: #fff;
            margin: 5px;
            padding: 10px;
            width: 48%;
        }
        }
        
        @media only screen and (max-width : 767px) {
            .container.Delegaciones .col-xs-12.col-sm-6.col-md-3.col-lg-3 {
            box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
            background: #fff;
            margin: 5px;
            padding: 10px;
            width: 94%;
        }
            div#mID103752 {
            background: #f9f9f9;
            padding: 30px 0 0px 0;
        }
            .container.Delegaciones h1.titulo {
                color: var(--font-bg-color);
                font-weight: 200;
                border-bottom: none;
                font-size: 27px !important;
                text-transform: inherit;
                text-align: center;
                font-family: var(--main-font);
                margin-top: 20px;
                margin-bottom: 30px;
            }
        .container.Delegaciones .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
            box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
            background: #fff;
            margin: 16px;
            margin-left: 10px;
            padding: 10px;
            width: 95%;
        }
            .bg-bandaContacto {
            height: auto;
        }
            .bg-bandaContacto::before {
            text-align: center;
            content: '';
            width: 100%;
            min-height: 100%;
            height: auto;
            position: absolute;
            background: #0a7680;
            opacity: .7;
        }
                .bg-bandaContacto p {
                    color: #fff;
                    font-weight: 200;
                    border-bottom: none;
                    font-size: 22px !important;
                    text-transform: inherit;
                    text-align: center;
                    font-family: var(--secondary-font);
                    margin-top: 22px;
                    margin-bottom: 22px;
                    line-height: 29px;
                    padding: 0;
                }
        }


/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
.topEncabezado.contacto {
    background-size: cover!important;
}
	/********** formulario contacto *******/

	.formuContent::before {
	    bottom: -319px;
    left: -142px;	
	} 
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
.topEncabezado.contacto {
    background-size: 85%;
    height: auto;
    padding-top: 0px;
    background-position: center right;
}
	.topEncabezado.contacto .info-item1 {
    padding: 0px;
}
	.topEncabezado.contacto h1 {
    font-size: 31px!important;
    line-height: 40px;
}
	.topEncabezado.contacto p {
    line-height: 27px;
    font-size: 19px;
}
/********** formulario contacto *******/

	.formuContent::before {
	    bottom: -343px;
    left: -183px;	
	}
}

@media only screen and (max-width : 767px) {


	/********** formulario contacto *******/
	.formuContent::after,
	.formuContent::before {
		display: none;
	}

.formuContent {
    padding: 0px;
}
}
/*==============================================================================================
********************************************************************************** QUIENES SOMOS
===============================================================================================*/
div#pID57593 .ThreePanes {
    margin-bottom: 0px;
    margin-top: 20px;
}
/**********  encabezado *********/
.topBlue {
    padding-top: 60px;
    padding-bottom: 0px;
    position: relative;
    /*background-image: url(/Portals/vivalta/Images/topQuienes.jpg);*/
    background-color: var(--main-bg-color);
    height: 285px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.topBlue h1 {
	padding-top: 6px;
	color: #fff!Important;
	line-height:42px;
}
/**********  txt info 01 *********/
div#mID106603 {
    position: relative;
    overflow: hidden;
    padding: 230px 0 0 0;
    margin-top: -230px;
	margin-bottom: 70px;
}
div#mID106603 .img-item1 {
    overflow: hidden;
    margin-top: -230px;
}
div#mID106603 .DataLab-content .info-item3 {
    padding-top: 25px;
}
div#mID106603 .img-item1 img {
    margin-left: -50px;
}
div#mID106603 .DataLab-content {
	position: relative;
	z-index: 2;
}
    div#mID106603::after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 40px;
        right: -308px;
        width: 448px;
        background: var(--main-bg-color);
        height: 350px;
        transform: rotate( 49deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
        z-index: 0;
    }
/**********  txt info 02 *********/
div#mID106609  {
	position: relative;
}
div#mID106609 h1 {
	text-align: left;
}
div#mID106609 .info-item3 {
    background: #f9f9f9;
    padding: 90px 25px;
	position: relative;
    z-index: 2;
}
div#mID106609 .img-item3 {
    margin-top: 68px;
}
div#mID106609 .img-item.imgQuienes02::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 189px;
    left: 0px;
    width: 390px;
    background: #fff;
    background-image: url(/Portals/vivalta/Images/imgQuienes0002.jpg);
    background-repeat: no-repeat;
    height: 437px;
    background-size: cover;
}
div#mID106609 .img-item.imgQuienes03::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 189px;
    left: -31px;
    width: 512px;
    background: #fff;
    background-image: url(/Portals/vivalta/Images/imgQuienes003.jpg);
    background-repeat: no-repeat;
    height: 357px;
}
/**********  txt info 03 *********/
div#mID106610 {
    position: relative;
    margin-top: 125px;
    padding: 50px 0;
    background: #f9f9f9;
}
    div#mID106610 .DataLab-content p b,
    div#mID106610 .DataLab-content p strong {
        margin: 0px 0 10px;
        font-family: var(--secondary-font);
        font-size: 20px;
        color: var(--font-bg-color);
        line-height: 29px;
        font-weight: 600 !important;
    }

div#mID106613 .container {
    padding: 0px;
    overflow: hidden;
    height: 350px;
}
/**********  frase azul *********/
div#mID107439 .container.txtHomeBlue .fa,
div#mID106712 .container.txtHomeBlue .fa {
	font-size: 40px;
}
div#mID106604 .container.txtHomeBlue {
    background: var(--main-bg-color);
    color: #fff;
    background-image: url(/Portals/vivalta/images/enrrejado.png);
    padding: 30px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 0px;
    position: relative;
    z-index: 2;
}

div#mID106604 .txtHomeBlue p {
    color: #fff;
    font-size: 34px;
    margin-bottom: 30px;
}
/**********  testimonios *********/
div#pID57593 .homeTestimonios {
    background: #f9f9f9;
    padding: 200px 0 50px 0!important;
	margin-top: -110px!important;
}
div#pID57593 .homeTestimonios a.botonVivalta {
	display: none;
}
/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
	div#mID106609 h1 {
	font-size: 30px!important;	
	}
	div#mID106609 .info-item3 {
    padding: 66px 25px;
}
div#mID106609 .img-item.imgQuienes02::before {
    top: 210px;
}
	div#mID106603 .img-item1 {
    overflow: hidden;
    margin-top: -150px;
}
    div#mID106603::after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 18px;
        right: -250px;
        width: 392px;
        background: var(--main-bg-color);
        height: 230px;
        transform: rotate( 49deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
    }
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
	div#mID106603 {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-top: 0;
    margin-bottom: 70px;
}
div#mID107433 .img-item1,
div#mID106603 .img-item1 {
    display: none;
}
div#mID107433 .img-item2.imgCero,
div#mID106603 .img-item2.imgCero {
    display: none;
}
	div#mID106603 .info-item,
div#mID107433 .info-item {
		width: 100%;
		padding: 40px 0;
	}
	div#mID106609 .img-item.imgQuienes02::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 189px;
    left: 0px;
    width: 376px;
    background: #fff;
    background-image: url(/Portals/vivalta/Images/imgQuienes0002.jpg);
    background-repeat: no-repeat;
    background-size: cover;
		background-position: center center;
    height: 200px;
}
	div#mID106609 .img-item.imgQuienes03::before {
    content: ' ';
    display: block;
    position: absolute;
    top: -191px;
    left: -1px;
    width: 400px;
    background: #fff;
    background-image: url(/Portals/vivalta/Images/imgQuienes03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
		background-position: top center;
    height: 260px;
}
}
@media only screen and (max-width : 767px) {
div#mID106603 {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0px;
}
	div#mID106609 {
    position: relative;
    background: #f9f9f9;
		padding: 50px 0;
}
	div#mID106603::after {
	bottom: -249px;	
	}
	div#mID106609 .info-item3 {
    background: transparent;
    padding: 10px;
	margin-top: -126px;
}
div#mID107433 .img-item1,
div#mID106603 .img-item1 {
    display: none;
}
div#mID107433 .img-item2.imgCero,
div#mID106603 .img-item2.imgCero {
    display: none;
}
div#mID106609 .img-item {
    height: 200px;
}
	div#mID107433 .info-item {
		width: 100%;
		padding: 40px 15px;
	}
	div#mID106603 .info-item{
		width: 100%;
		padding: 0px 15px!important;
	}
	div#mID106609 .img-item.imgQuienes02::before {
    display: none;
}
	div#mID106609 .img-item.imgQuienes03::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0px;
		bottom: 0px;
    left: 0;
    width: 100%;
    background: #fff;
    background-image: url(/Portals/vivalta/Images/imgQuienes005.jpg);
    background-repeat: no-repeat;
    background-size: cover;
		background-position: top center;
    height: 260px;
}
	div#mID106610 {
    margin-top: 60px;
}
	div#mID106613 .container {
    height: auto;
}
	div#pID57593 .homeTestimonios {
    background: #f9f9f9;
    padding: 152px 0 50px 0!important;
    margin-top: -110px!important;
}
	div#mID106604 .container.txtHomeBlue {
	    padding: 30px 15px;	
	}
	div#mID106604 .txtHomeBlue p {
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
}
	div#mID107439 .container.txtHomeBlue .fa, 
	div#mID106712 .container.txtHomeBlue .fa {
    font-size: 40px;
    text-align: left;
    display: inline-block;
    float: left;
}
	.txtHomeBlue h3 {
    display: inline-block;
    float: left;
		padding-left: 10px;
}
	div#mID106712 .txtHomeBlue .item p {
    font-size: 18px;
    line-height: 24px;
    float: left;
}
}
/*==============================================================================================
************************************************************************************** EQUIPO
===============================================================================================*/
div#mID108800 {
    background: #f9f9f9;
    padding: 60px 20px 70px 20px;
    margin-bottom: 30px;
}
    div#mID108800 .nombre_agente h7 {
        font-weight: 600;
        margin: 20px 0 10px;
        font-family: var(--secondary-font);
        font-size: 16px;
        color: var(--font-bg-color);
        line-height: 23px;
        text-align: center !important;
        display: block;
        height: 32px;
    }
div#mID108800 .nombre_agente {
    text-align: center!important;
    float: none;
    position: relative;
    padding: 0px;
    margin: 0px;
}
div#mID108800 .col-sm-12.col-md-fifth.item .imagen {
    height: 122px;
    width: 122px;
    border-radius: 80px;
    overflow: hidden;
}
div#mID108800 .col-sm-12.col-md-fifth.item .imagen img {
    text-align: center;
}
div#mID108800 .col-sm-12.col-md-fifth.item {
    width: 24%;
    margin: 0 5px;
    min-height: 1px;
    position: relative;
    background: #fff;
    padding: 15px;
    height: 300px;
    box-shadow: rgb(0 0 0 / 11%) 0px 3px 10px 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
    div#mID108800 .cargoAgente {
        font-family: var(--secondary-font);
        font-size: 15px;
        color: var(--font-bg-color);
        line-height: 29px;
        padding: 6px 0;
        height: 40px;
    }
/****************************/
.fichaAgente {
    height: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.info_agente.Half {
    position: relative;
    top: 0;
    right: 0;
    width: 60%;
    text-align: left!important;
}
.imagenAgente.Half.text-center {
    width: 20%;
    float: left;
    margin-left: 0;
}
div#mID108641 .nombre_agente {
    font-weight: 400;
    font-family: var(--secondary-font);
    color: #868686;
    font-size: 14px;
    text-align: left;
}
div#mID108641 .nombre_agente .fa {
	display: none;
}
div#mID108641 .tituloSeccion h1 {
    display: none;
}
div#mID108641 h3.tituloOficina {
    margin: 0px 0 10px;
    font-family: var(--main-font);
    font-size: 20px;
    color: var(--font-bg-color);
    line-height: 29px;
    font-weight: 600 !important;
}
div#mID108641 .nombre_agente h7 {
    font-weight: 600;
    margin: 20px 0 10px;
    font-family: var(--secondary-font);
    font-size: 18px;
    color: var(--font-bg-color);
    line-height: 29px;
    text-align: left !important;
}
.cargoAgente {
    font-family: var(--secondary-font);
    font-size: 16px;
    color: var(--font-bg-color);
    line-height: 29px;
    padding: 6px 0;
}
.telefono .fa,
.cargoAgente .fa {
    display: none;
}
.telefono {
    font-size: 16px;
    position: relative;
    left: 4px;
}
/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
div#mID108800 .col-sm-12.col-md-fifth.item {
    width: 23%;
    margin: 12px 5px;
	}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
	div#mID108800 .col-sm-12.col-md-fifth.item {
    width: 48%;
    margin: 12px 5px;
	}
	div#mID108641 .nombre_agente {
	    padding-right: 0px;	
	}
.fichaAgente {
    width: 50%!important;
}
	.agente_img_circle {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 122%;
    height: 92px;
    width: 92px;
    border-radius: 70px;
    float: left;
    top: 16px;
    left: 0;
    position: relative;
}
	.info_agente.Half {
    position: relative;
    top: 0;
    right: 0;
    width: 60%;
    text-align: left!important;
    margin-left: 39px;
}
    .cargoAgente {
        font-family: var(--secondary-font);
        font-size: 17px;
        color: var(--font-bg-color);
        line-height: 22px;
        padding: 0;
    }
	.fichaAgente {
    height: 130px;
}
    div#mID108641 .nombre_agente h7 {
        font-weight: 600;
        margin: 20px 0 10px;
        font-family: var(--secondary-font);
        font-size: 18px;
        color: var(--font-bg-color);
        line-height: 22px;
        text-align: left !important;
    }
	div#mID108800 .nombre_agente {
    text-align: center!important;
    width: 100%;
}
}

@media only screen and (max-width : 767px) {
	div#mID108800 .col-sm-12.col-md-fifth.item {
    width: 100%;
    margin: 5px;
	}
	div#mID108800 .nombre_agente {
    text-align: center!important;
    width: 100%;
}
	.fichaAgente {
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
    div#mID108641 .nombre_agente h7 {
        font-weight: 600;
        margin: 20px 0 10px;
        font-family: var(--secondary-font);
        font-size: 18px;
        color: var(--font-bg-color);
        line-height: 22px;
        text-align: left !important;
    }
    .cargoAgente {
        font-family: var(--secondary-font);
        font-size: 17px;
        color: var(--font-bg-color);
        line-height: 22px;
        padding: 0;
    }
	div#mID108641 .nombre_agente {
		width: 100%;
		padding-left: 50px;
    padding-right: 0px;
	}
	.agente_img_circle {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 122%;
    height: 92px;
    width: 92px;
    border-radius: 70px;
    float: left;
    top: 16px;
    left: 0;
    position: relative;
}
}
@media only screen and (max-width : 370px){
	.info_agente.Half {
position: relative;
    top: 40px;
    right: 0;
    left: 0px;
    width: 100%;
    margin-left: 0px;
    text-align: center!important;
}
	.imagenAgente.Half.text-center {
    width: 100%;
    float: none;
    margin-left: 0;
    margin: 0 auto;
    text-align: center;
		display: block;
}
	.agente_img_circle {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 122%;
    height: 92px;
    width: 92px;
    border-radius: 70px;
    float: none;
    top: 16px;
    left: 0;
    position: relative;
    margin: 0 auto;
}
	div#mID108641 .nombre_agente {
    width: 100%;
    padding-left: 0;
    padding-right: 0px;
    text-align: center;
}
	.fichaAgente {
    height: auto;
    margin-top: 50px;
    margin-bottom: 20px;
}
}
/*==============================================================================================
****************************************************************************** GESTION ALQUILER
===============================================================================================*/
.topEncabezado.gestion {
	padding-top: 60px;
    padding-bottom: 0px;
    position: relative;
    background-image: url(/Portals/vivalta/Images/topGestion.jpg);
    height: 542px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
	overflow: hidden;
}
    .topEncabezado.gestion h1 {
        color: var(--font-bg-color) !important;
        font-weight: 800 !important;
        border-bottom: none;
        font-size: 35px !important;
        line-height: 50px;
        text-transform: inherit;
        text-align: left;
        font-family: var(--main-font) !important;
    }
    .topEncabezado.gestion p {
        color: var(--font-bg-color);
        line-height: 29px;
        font-family: var(--secondary-font);
        font-size: 20px;
        text-align: left;
        font-weight: 400;
    }
.topEncabezado.gestion .info-item1 {
    padding: 0 0 0 120px;
}
/***************  img puntos  ******************/
div#mID106616 #vivirContent .bg-img2 {
    float: right;
    text-align: right;
    margin-top: 62px;
    background-image: url(/Portals/vivalta/images/imgGestion002.jpg);
    height: 480px;
    width: 570px;
    overflow: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}
div#mID106616 #vivirContent .icono .fa {
    font-size: 35px;
    padding: 14px 7px;
    width: 100%;
    text-align: center;
}
/**************  iconos  blue  ************************/
div#mID107447,
div#mID107439,
div#mID106615,
div#mID106712 {
    background: var(--main-bg-color);
    color: #fff;
    margin: 60px 0;
    padding: 50px 0;
}
div#mID107447 .txtHomeBlue h1,
div#mID107439 .txtHomeBlue h1,
div#mID107434 .txtHomeBlue h1,
div#mID106615 .txtHomeBlue h1,
div#mID106712 .txtHomeBlue h1{
font-size: 30px!important;	
	margin-bottom: 14px!important;
}
    div#mID107447 .txtHomeBlue h2 {
        font-size: 30px !important;
        margin-bottom: 14px !important;
        font-weight: 800 !important;
        font-family: var(--main-font);
    }
div#mID107447 .txtHomeBlue .item,
div#mID107439 .txtHomeBlue .item,
div#mID107434 .txtHomeBlue .item,
div#mID106615 .txtHomeBlue .item,
div#mID106712 .txtHomeBlue .item {
	margin-top: 40px;
}
div#mID107447 .txtHomeBlue .item p,
div#mID107439 .txtHomeBlue .item p,
div#mID107434 .txtHomeBlue .item p,
div#mID106615 .txtHomeBlue .item p,
div#mID106712 .txtHomeBlue .item p {
    font-size: 18px;
    line-height: 24px;
}
div#mID107447 .txtHomeBlue .icono .fa,
div#mID107434 .txtHomeBlue .icono .fa,
div#mID106615 .txtHomeBlue .icono .fa,
div#mID106712 .txtHomeBlue .icono .fa {
    font-size: 40px;
}
div#mID107447 .txtHomeBlue a.btn.btn-bnnr,
div#mID107439 .txtHomeBlue a.btn.btn-bnnr,
div#mID107434 .txtHomeBlue a.btn.btn-bnnr,
div#mID106615 .txtHomeBlue a.btn.btn-bnnr,
div#mID106712 .txtHomeBlue a.btn.btn-bnnr {
margin-top: 44px;	
}
/*************  txt info 03  *****************/
div#mID106617 {
position: relative;
	overflow: hidden;
}
div#mID106617 .DataLab-content {
    margin-top: 50px;
	
}
div#mID106617 .DataLab-content .img-item1 {
    height: 339px;
    overflow: hidden;
	position: relative;
    z-index: 2;
}
div#mID106617 .DataLab-content .info-item2 {
    background: #f9f9f9;
    padding: 87px 25px 40px 25px;
    margin-top: -116px;
    margin-left: -171px;
}
    div#mID106617::after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 78px;
        left: -308px;
        width: 448px;
        background: var(--main-bg-color);
        height: 350px;
        transform: rotate( 49deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
    }
/************  txt servicios01  *************/
div#mID107457,
div#mID106618 {
	background: #f9f9f9;
}
div#mID107457,
div#mID107456,
div#mID106719,
div#mID106618,
div#mID106619 {
    position: relative;
    color: var(--font-bg-color);
    margin: 70px 0;
    padding: 50px 0;
    overflow: hidden;
}
div#mID107457 .txtHomeBlue h3,
div#mID107456 .txtHomeBlue h3,
div#mID106719 .txtHomeBlue h3,
div#mID106619 .txtHomeBlue h3,
div#mID106618 .txtHomeBlue h3,
.txtHomeBlue h3 {
    font-size: 18px!important;
}
    div#mID107457 .txtHomeBlue .row.txtinicio,
    div#mID107456 .txtHomeBlue .row.txtinicio,
    div#mID106719 .txtHomeBlue .row.txtinicio,
    div#mID106619 .txtHomeBlue .row.txtinicio,
    div#mID106618 .txtHomeBlue .row.txtinicio {
        border-bottom: 1px solid var(--main-bg-color);
        padding-bottom: 50px;
        margin-bottom: 30px;
    }
div#mID107457 .txtHomeBlue .row.txtinicio h1,
div#mID107456 .txtHomeBlue .row.txtinicio h1,
div#mID106719 .txtHomeBlue .row.txtinicio h1 {
	font-size: 31px!important;
	line-height: 39px;
}
div#mID107457 .txtHomeBlue .row.txtinicio p,
div#mID107456 .txtHomeBlue .row.txtinicio p,
div#mID106719 .txtHomeBlue .row.txtinicio p,
div#mID106619 .txtHomeBlue .row.txtinicio p,
div#mID106618 .txtHomeBlue .row.txtinicio p {
    text-align: left;
    font-size: 18px!important;
	border-left: 1px solid #333;
	padding-left: 30px;
	padding-right: 60px;
	line-height:29px;
}
div#mID107457 .txtHomeBlue .row.txtinicio p b,
div#mID107456 .txtHomeBlue .row.txtinicio p b,
div#mID106719 .txtHomeBlue .row.txtinicio p b,
div#mID106619 .txtHomeBlue .row.txtinicio p b,
div#mID106618 .txtHomeBlue .row.txtinicio p b {
    font-weight: 600!important;
    margin: 5px 0px;
}
    div#mID107457 .txtHomeBlue p,
    div#mID107456 .txtHomeBlue p,
    div#mID106719 .txtHomeBlue p,
    div#mID106619 .txtHomeBlue p,
    div#mID106618 .txtHomeBlue p {
        color: var(--font-bg-color);
        font-size: 24px;
    }
div#mID107457 .txtHomeBlue .item,
div#mID107456 .txtHomeBlue .item,
div#mID106719 .txtHomeBlue .item,
div#mID106619 .txtHomeBlue .item,
div#mID106618 .txtHomeBlue .item {
    margin-top: 40px;
}
    div#mID107457 .txtHomeBlue .item p,
    div#mID107456 .txtHomeBlue .item p,
    div#mID106719 .txtHomeBlue .item p,
    div#mID106619 .txtHomeBlue .item p,
    div#mID106618 .txtHomeBlue .item p {
        color: var(--font-bg-color);
        font-size: 18px;
        line-height: 29px;
    }
    div#mID107457 .txtHomeBlue .icono .fa,
    div#mID107456 .txtHomeBlue .icono .fa,
    div#mID106719 .txtHomeBlue .icono .fa,
    div#mID106619 .txtHomeBlue .icono .fa,
    div#mID106618 .txtHomeBlue .icono .fa {
        font-size: 40px;
        color: var(--main-bg-color);
    }
    div#mID107457 .txtHomeBlue a.btn.btn-bnnr,
    div#mID107456 .txtHomeBlue a.btn.btn-bnnr,
    div#mID106719 .txtHomeBlue a.btn.btn-bnnr,
    div#mID106619 .txtHomeBlue a.btn.btn-bnnr,
    div#mID106618 .txtHomeBlue a.btn.btn-bnnr {
        color: #fff !important;
        background: var(--main-bg-color);
        margin-top: 50px;
    }
/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
.topEncabezado.gestion {
    background-size: cover!important;
}
	div#mID106616 #vivirContent .bg-img2 {
    float: right;
    text-align: right;
    margin-top: 71px;
    background-image: url(/Portals/vivalta/images/imgGestion002.jpg);
    height: 555px;
    width: 50%;
    overflow: hidden;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: top center;
}
	.topEncabezado.gestion .info-item1 {
    padding: 0 0 0 61px;
}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
.topEncabezado.gestion {
    background-size: cover;
    height: 428px;
    padding-top: 0px;
    background-position: center left;
	    background-position-x: -142px;
}
	.topEncabezado.gestion .info-item1 {
    padding: 0px;
}
	.topEncabezado.gestion h1 {
    font-size: 31px!important;
    line-height: 40px;
}
	.topEncabezado.gestion p {
    line-height: 27px;
    font-size: 19px;
}
	div#mID106616 #vivirContent .bg-img2 {
    float: right;
    text-align: right;
    margin-top: 62px;
    background-image: url(/Portals/vivalta/images/imgGestion002.jpg);
    height: 487px;
    width: 50%;
    overflow: hidden;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top center;
}
	div#mID106617 .DataLab-content .info-item2 {
    margin-top: -106px;
    margin-left: 5px;
}
	div#mID106617 .DataLab-content .img-item2 {
		display: none;
	}
	div#mID106617::after {
		left: -406px;
    transform: rotate( 350deg);
}
}

@media only screen and (max-width : 767px) {
	div#mID107447 .txtHomeBlue h1, 
	div#mID107439 .txtHomeBlue h1, 
	div#mID107434 .txtHomeBlue h1, 
	div#mID106615 .txtHomeBlue h1, 
	div#mID106712 .txtHomeBlue h1 {
    font-size: 22px!important;
    margin-bottom: 14px!important;
}
.topEncabezado.gestion {
background-size: 180%;
    min-height: 313px;
    height: auto;
    padding-top: 0px;
    background-position: center left;
}
	.topEncabezado.gestion::before {
	content: ' ';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #0b8e9b;
    opacity: 0.7;	
	}
	.topEncabezado.gestion .info-item1 {
    padding: 15px;
}
	.topEncabezado.gestion h1 {
    font-size: 31px!important;
    line-height: 40px;
		color: #fff!important;
}
	.topEncabezado.gestion p {
    line-height: 27px;
    font-size: 19px;
		color: #fff!important;
}
	div#mID106616 #vivirContent .icono .fa {
    font-size: 23px;
    padding: 11px 7px;
    width: 100%;
    text-align: center;
}
		div#mID106616 #vivirContent .bg-img2 {
		display: none;
	}
		div#mID106617 .DataLab-content .info-item2 {
    margin-top: -106px;
    margin-left: 5px;
	background: #fff;
	padding: 87px 15px 40px 15px;
}
	div#mID106617 .DataLab-content .img-item2 {
		display: none;
	}
	div#mID106617::after {
		display: none;
	}
	div#mID106617 .DataLab-content .img-item1 {
    height: auto;
}
	div#mID106617 p {
    text-align: left;
}
	div#mID107447 .txtHomeBlue .item {
		text-align: left;
		margin-top: 10px;
	}
	div#mID107447 .txtHomeBlue h2 {
    display: inline-block;
		width: 50px;
		float: left;
	}
	div#mID107447 .txtHomeBlue h3 {
    display: inline-block!important;
    width: 80%!important;
    margin-top: 22px!important;
    text-align: left!important;
}
	div#mID107447 .txtHomeBlue .item p {
		float: left;
	}
	.container.txtHomeBlue p {
    text-align: left!important;
}
    div#mID107457 .txtHomeBlue .item p, div#mID107456 .txtHomeBlue .item p, div#mID106719 .txtHomeBlue .item p, div#mID106619 .txtHomeBlue .item p, div#mID106618 .txtHomeBlue .item p {
        color: var(--font-bg-color);
        font-size: 18px;
        line-height: 24px;
        float: left;
    }
	div#mID107434 .txtHomeBlue p,
	div#mID107434 .txtHomeBlue .icono .fa {
    float: left;
}
}
/*==============================================================================================
************************************************************************************** COMPRAR
===============================================================================================*/

/**********  txt info 01 *********/
div#mID106625 {
    position: relative;
    overflow: hidden;
    padding: 270px 0 70px 0;
    margin-top: -250px;
}
div#mID106625 .DataLab-content {
    position: relative;
    z-index: 2;
}
div#mID106625 .img-item1 {
    overflow: hidden;
    margin-top: -170px;
}
div#mID106625 .DataLab-content .info-item3 {
    padding-top: 25px;
}
div#mID106625 .img-item1 img {
    margin-left: 50px;
}
    div#mID106625::after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 60px;
        left: -415px;
        width: 547px;
        background: var(--main-bg-color);
        height: 350px;
        transform: rotate( 49deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
        z-index: 0;
    }
/*************  buscador  ****************/
div#mID106626 {
    background: var(--main-bg-color);
    color: #fff;
    background-image: url(/Portals/vivalta/images/enrrejado.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 50px 0 70px 0;
}

div#mID107475 {
    background: var(--main-bg-color);
    color: #fff;
    background-image: url(/Portals/vivalta/images/enrrejado.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 50px 0 70px 0;
}
#collapseBuscador {
    padding: 30px 0px;
    background-color: var(--grey-bg-color) !important;
}
.buscadorPagina .nombreCampo {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--secondary-font);
    display: none;
}
#collapseBuscador .campoBuscador.buscadorEnviar #btnBuscar {
    color: var(--main-bg-color);
    border: 1px solid var(--main-bg-color);
    padding: 6px 40px;
    background: #fff;
    width: auto;
    border-radius: 20px;
    font-family: var(--main-font);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: .55px;
    margin: 0px;
}
#collapseBuscador .campoBuscador.buscadorEnviar #btnBuscar .glyphicon {
    font-size: 23px;
}
#collapseBuscador .btn-default,
#collapseBuscador .form-control {
    border: none;
    border-right: 1px solid #333;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
    #collapseBuscador .form-control .btn-default.btn {
        border: none;
        background: transparent;
        border-right: 1px solid transparent;
    }
/*************************** listado buscador */
div#bloqueBuscadorListado #collapseBuscador {
    padding: 0px;
    background-color: transparent!important;
}
    div#bloqueBuscadorListado #collapseBuscador .form-control {
        border: none;
        border-bottom: 1px solid #333;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    div#bloqueBuscadorListado #collapseBuscador .nombreCampo {
        display: none;
    }
    div#bloqueBuscadorListado #collapseBuscador .campoBuscador {
        margin-bottom: 20px;
    }
.buscador a.btn-volver {
    border: none !important;
    color: var(--main-bg-color) !important;
    padding: 3px 10px 3px 3px;
    font-size: 15px !important;
    font-family: var(--secondary-font) !important;
    font-weight: 500;
}
div#bloqueBuscadorListado .btnBuscar {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
    /********************************** placeholder */
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: var(--font-bg-color)!important;
}
/* Chrome, Safari, Opera */
.form-control::-webkit-input-placeholder {
    color: var(--font-bg-color) !important;
    font-size: 14px !important;
    font-family: var(--main-font) !important;
    font-weight: 500;
}
/* Firefox 19+ */
.form-control::-moz-placeholder {
    color: var(--font-bg-color) !important;
    font-size: 14px !important;
    font-family: var(--main-font) !important;
    font-weight: 500;
}

/* Firefox 4–18 */
.form-control::-moz-placeholder {
    color: var(--font-bg-color) !important;
    font-size: 14px !important;
    font-family: var(--main-font) !important;
    font-weight: 500;
}

/* Internet Explorer 10+ */
.form-control::-ms-input-placeholder {
    color: var(--font-bg-color) !important;
    font-size: 14px !important;
    font-family: var(--main-font) !important;
    font-weight: 500;
}



/*  =====================================================
    =            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) {
    #collapseBuscador .btn-default,
    #collapseBuscador .form-control {
        border: none;
        border-bottom: 1px solid #333;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .campoBuscador.buscadorEnviar {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
}

@media only screen and (max-width : 767px) {
    #collapseBuscador .btn-default,
    #collapseBuscador .form-control {
        border: none;
        border-bottom: 1px solid #333;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .campoBuscador.buscadorPrecio .input-group {
        width: 100%;
    }
    .campoBuscador.buscadorEnviar {
        margin: 30px auto 0 auto;
        display: flex;
        justify-content: center;
    }
    div#divOrdenIsotope {
        display: flex;
        justify-content: center;
    }
}
/*==============================================================================================
************************************************************************************** VENDER
===============================================================================================*/
div#pID57594 .ThreePanes {
    margin-bottom: 0px;
    margin-top: 20px;
	overflow: hidden;
}
/**************** txt info 01 y 02 *************/
div#mID106710 {
    padding-bottom: 70px;
}
div#mID106708 #vivirContent .bg-orange {
    padding: 53px 151px 0px 4%;
}
#vivirContent .bg-img3 {
    float: right;
    text-align: right;
    margin-top: 62px;
    background-image: url(/Portals/vivalta/images/imgVender01.jpg);
    height: 380px;
    width: 570px;
    overflow: hidden;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: top center;
}
#vivirContent .bg-img4 {
    float: left;
    text-align: right;
    margin-top: 62px;
    background-image: url(/Portals/vivalta/images/imgVender02.jpg);
    height: 380px;
    width: 570px;
    overflow: hidden;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: top center;
}
#vivirContent .bg-orange.left-content {
    padding: 103px 4% 0px 151px;
}
/***************** txt info blue ****************/

div#mID106716 .topBlue p {
    color: #fff;
    line-height: 34px;
    font-family: var(--secondary-font);
    font-size: 26px;
    text-align: center;
    font-weight: 500;
}

.txtinfo strong {
    margin: 0px 0 10px;
    font-family: var(--secondary-font);
    font-size: 20px;
    color: var(--font-bg-color);
    line-height: 29px;
    font-weight: 600 !important;
}
/******* txt info 03  *******/
div#mID106711 {
    padding: 80px 0 50px 0;
}
div#mID106711 .img-item.imgQuienes02 h1 {
    font-size: 32px!important;
    display: block;
	margin-top: 44px;
}
div#mID106711 .info-item3 {
    background: #f9f9f9;
    padding: 20px 25px;
    position: relative;
    z-index: 2;
}
div#mID106711 .img-item.imgQuienes02::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 188px;
    left: 0px;
    width: 542px;
    background: #fff;
    background-image: url(/Portals/vivalta/Images/imgVender003.jpg);
    background-repeat: no-repeat;
    height: 322px;
}
/******* txt info 04  *******/
div#mID106713 {
    height: 1030px;
	position: relative;
}
div#mID106713 .DataLab-content {
    position: relative;
}
div#mID106713 .info-item2 {
    background: #f9f9f9;
    padding: 40px 25px;
    position: absolute;
	top: -240px;
    left: 8%;
}
div#mID106717 {
	position: relative;
		padding: 60px 0;
}
div#mID106717 .container  {
	position: relative;
	z-index: 2;
}
div#mID106717 #vivirContent {
    background: transparent;
}
    div#mID106717::before {
        content: ' ';
        display: block;
        position: absolute;
        top: -239px;
        left: -415px;
        width: 526px;
        background: var(--main-bg-color);
        height: 536px;
        transform: rotate( 58deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
        z-index: 0;
    }
    div#mID106717::after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: -158px;
        right: -415px;
        width: 526px;
        background: var(--main-bg-color);
        height: 536px;
        transform: rotate( 29deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
        z-index: 0;
    }
/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
/**************** txt info 01 y 02 *************/
	div#mID106708 #vivirContent .bg-orange {
    padding: 53px 20px 0px 4%;
}
	#vivirContent .bg-orange.left-content {
    padding: 103px 4% 0px 20px;
}
	#vivirContent .bg-img3,
	#vivirContent .bg-img4 {
    width: 50%;
}
	/**************** txt info 03 *************/
	div#mID106711 .img-item.imgQuienes02::before {
    width: 100%;
    background-size: cover;
    height: 408px;
}
	/**************** txt info 04 *************/
	div#mID106713 .info-item2 {
    position: absolute;
    top: -120px;
    left: 0;
}
	div#mID106717::before {
    left: -478px;

}
	/************* preguntas frecuentes *********/
	div#mID106715 .container {
		position: relative;
		z-index: 2;
	}
	div#mID107457, div#mID107456, div#mID106719, div#mID106618, div#mID106619 {
		margin: 0px;
	}
		#vivirContent .bg-orange {
    padding: 92px 151px 0px 4%;
}
	div#mID106616 #vivirContent .bg-img2 {
	height: 500px;	
	}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
/**************** txt info 01 y 02 *************/
	div#mID106708 #vivirContent .bg-orange {
    padding: 53px 20px 0px 4%;
}
	#vivirContent .bg-orange.left-content {
    padding: 103px 4% 0px 20px;
}
	#vivirContent .bg-img3,
	#vivirContent .bg-img4 {
    width: 50%;
		background-size: cover;
}
	#vivirContent .bg-orange {
    padding: 92px 15px 0px 4%;
}
	/**************** txt info 03 *************/
	div#mID106711 .img-item.imgQuienes02::before {
    width: 110%;
    background-size: contain;
    height: 370px;
		top: -31px;
    right: -410px;
		left: auto;
}
	/**************** txt info 04 *************/
	div#mID106713 .info-item2 {
    position: absolute;
    top: -120px;
    left: 0;
}
	div#mID106717::before {
    left: -478px;
	top: -314px;
}
	div#mID106717::after {
    bottom: -165px;
    right: -415px;
    width: 424px;
    height: 536px;

}
	div#mID106713 .DataLab-content .img-item1 {
		    height: 420px;
		position: relative;
	}
	div#mID106713 .DataLab-content .img-item1 img {
		    object-fit: contain;
    position: absolute;
    top: -30px;
	}
	div#mID106719 .txtHomeBlue .row.txtinicio p,
	div#mID106619 .txtHomeBlue .row.txtinicio p,
	div#mID106618 .txtHomeBlue .row.txtinicio p {
		text-align: left;
    font-size: 20px!important;
    border-left: none;
    padding-left: 0;
    padding-right: 0;
	}
	
	/************* preguntas frecuentes *********/
	div#mID106715 .container {
		position: relative;
		z-index: 2;
	}
	div#mID107457, div#mID107456, div#mID106719, div#mID106618, div#mID106619 {
		margin: 0px;
	}
}

@media only screen and (max-width : 767px) {
	div#mID106716 .topBlue {
	padding-top: 17px;	
		height: auto;
	}
/**************** txt info 01 y 02 *************/
	div#mID106708 #vivirContent .bg-orange {
    padding: 0px 20px;
}
	#vivirContent .bg-orange.left-content {
    padding: 30px 20px;
}
	#vivirContent .bg-img3,
	#vivirContent .bg-img4 {
    display: none;
}
	#vivirContent .item .txtinfo{
		padding-left: 66px;
	}
	div#mID106708 #vivirContent .txtinfo strong {
	display: block;
    line-height: 20px;
    margin-top: 60px;
	}
	div#mID106710 #vivirContent .icono {
	float: left;	
	}
	div#mID106710 {
    padding-bottom: 0px;
}
	/**************** txt info 03 *************/
	div#mID106711 {
		padding: 20px 0;
	}
	div#mID106711 .img-item.imgQuienes02::before {
    display: none;
}
	div#mID106711 .info-item3 {
		background: transparent;
	}
	div#mID106711 .img-item.imgQuienes02 h1 {
    font-size: 22px!important;
		margin-bottom: 0px!important;
}
	/**************** txt info 04 *************/
	div#mID106713 {
    height: auto;
    position: relative;
}
	div#mID106713 .info-item2 {
    position: relative;
    top: 0px;
    left: 0;
		background: #fff;
}
	div#mID106717::before,
	div#mID106717::after{
    display: none;
}
	div#mID106713 .DataLab-content .img-item1 {
		    height: 243px;
		position: relative;
	}
	div#mID106713 .DataLab-content .img-item1 img {
		    object-fit: contain;
    position: absolute;
    top: 93px;
	}
	div#mID106719 .txtHomeBlue .row.txtinicio p,
	div#mID106619 .txtHomeBlue .row.txtinicio p,
	div#mID106618 .txtHomeBlue .row.txtinicio p {
		text-align: left;
    font-size: 20px!important;
    border-left: none;
    padding-left: 0!important;
    padding-right: 0!important;
	}
	
	/************* preguntas frecuentes *********/
	div#mID106715 .container {
		position: relative;
		z-index: 2;
	}
	h4.panel-title a {
		margin: 0px 0 10px;
	}
	div#mID106715::after, div#mID106629::after {
    top: -213px;
  left: -382px;
    width: 547px;
    height: 350px;
}
	div#mID106715::before, div#mID106629::before {
    bottom: -319px;
    right: -444px;
    width: 547px;
    height: 350px;
}
	div#mID107457, div#mID107456, div#mID106719, div#mID106618, div#mID106619 {
    margin: 12px 0;
}
}
/*==============================================================================================
************************************************************************************** HERENCIA
===============================================================================================*/

div#mID107448,
div#mID107433 {
	overflow: hidden;
	position: relative;
	z-index: 2;
	margin-top: -125px;
}
    div#mID107448 li,
    div#mID107433 li {
        padding: 5px 0;
        font-family: var(--secondary-font);
        font-size: 18px;
        color: var(--font-bg-color);
    }
div#mID107448 .info-item,
div#mID107433 .info-item {
    margin-top: 125px;
}
div#mID107448 .info-item.infoCero, 
div#mID107433 .info-item.infoCero {
    background: #f9f9f9;
	padding:  50px 25px;
	overflow: hidden;
	    margin-top: 0px;
}
div#mID107448 .img-item1,
div#mID107433 .img-item1 {
	margin-bottom: 50px;
}
div#mID107448 .img-item1 img,
div#mID107433 .img-item1 img {
margin-left: -13px;	
}
    div#mID107448::after,
    div#mID107433::after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 114px;
        right: -308px;
        width: 448px;
        background: var(--main-bg-color);
        height: 350px;
        transform: rotate( 49deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
        z-index: 0;
    }
div#mID107434 {
    background: var(--main-bg-color);
    color: #fff;
    margin-top: -60px;
    padding: 90px 0 50px 0;
}
/****  txt info 03  ***/
div#mID107435 {
    padding: 70px 0;
}
div#mID107450 .DataLab-content .row.item,
div#mID107435 .DataLab-content .row.item {
    padding-top: 40px;
}
div#mID107435 .DataLab-content .info-item3{
    margin-top: -95px;
    background: #f9f9f9;
    padding: 104px 25px 20px;
}
    div#mID107450 .DataLab-content li,
    div#mID107438 .DataLab-content li,
    div#mID107435 .DataLab-content li {
        list-style: none;
        padding: 5px 0;
        font-family: var(--secondary-font);
        font-size: 18px;
        color: var(--font-bg-color);
    }
div#mID107450 .DataLab-content .img-item1,
div#mID107435 .DataLab-content .img-item1 {
        position: relative;
    margin-top: 10px;
    z-index: 2;
    padding: 0px;
}
    div#mID107450 .DataLab-content li span,
    div#mID107438 .DataLab-content li span,
    div#mID107435 .DataLab-content li span {
        color: var(--main-bg-color) !important;
    }
/**************************/
div#mID107438 {
    position: relative;
	overflow: hidden;
}
div#mID107438 .DataLab-content {
    padding: 29px 0;
}
    div#mID107438::before {
        content: ' ';
        display: block;
        position: absolute;
        top: 457px;
        left: -415px;
        width: 526px;
        background: var(--main-bg-color);
        height: 536px;
        transform: rotate( 58deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
        z-index: 0;
    }
    div#mID107438::after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 14px;
        right: -308px;
        width: 448px;
        background: var(--main-bg-color);
        height: 350px;
        transform: rotate( 49deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
        z-index: 0;
    }
div#mID107440 {
    padding: 0 0 50px 0;
}
/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
	div#mID107448 .info-item.infoCero {
    margin-top: 0;
}
div#mID107433 .info-item.infoCero {
    margin-top: -256px;
}
	div#mID107448 .info-item,
	div#mID107433 .info-item {
   position: relative;
z-index: 2;
		bottom: 9px;
}
	div#mID107448::after, div#mID107433::after {
    bottom: -6px;
    right: -308px;
    width: 407px;
    height: 350px;
}
	div#mID107435 .DataLab-content .info-item3 {
    margin-top: -36px;
    background: #f9f9f9;
    padding: 33px 25px 20px;
}
	div#mID107438::before {
		    left: -491px;
	}
	div#mID107438::after {
		    bottom: -47px;
    right: -362px;
	}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
	div#mID107448 .img-item2.imgCero {
    display: none;
}

	div#mID107448::after,
	div#mID107433::after {
		bottom: -161px;
right: -393px;
}
	div#mID107448 .info-item.infoCero,
	div#mID107433 .info-item.infoCero{
    background: transparent;
    padding: 20px 0px;
    overflow: hidden;
    margin-top: 0px;
}
	div#mID107434 {
    margin-top: 0;
}
	div#mID107450 .DataLab-content .info-item3,
	div#mID107435 .DataLab-content .info-item3 {
    margin-top: 0;
    background: #f9f9f9;
    padding: 40px;
}
		div#mID107438 .DataLab-content {
    position: relative;
    z-index: 1;
}

}

@media only screen and (max-width : 767px) {
	div#mID107448 .DataLab-content,
	div#mID107433 .DataLab-content {
		position: relative;
		z-index: 2;
	}
	div#mID107448::after,
	div#mID107433::after {
		bottom: -161px;
right: -393px;
}
	div#mID107450 .DataLab-content .row.item,
	div#mID107435 .DataLab-content .row.item {
    padding-top: 0px;
}
	div#mID107448 .info-item.infoCero,
	div#mID107433 .info-item.infoCero {
    background: transparent;
    padding: 20px 15px;
    overflow: hidden;
    margin-top: 0px;
}
	div#mID107434 {
    margin-top: 0;
}
	div#mID107450 .DataLab-content .info-item3,
	div#mID107435 .DataLab-content .info-item3 {
    margin-top: 0;
    background: #f9f9f9;
    padding: 20px 15px;
}
	div#mID107438::before {
		display: none;
	}
	div#mID107438::after {
		    right: -308px;
		bottom: -252px;
	}
	div#mID107439 {
		margin-top: 0px;
	}
	div#mID107448 .img-item2.imgCero,
	div#mID107448 .img-item1,
	div#mID107433 .img-item1 {
    margin-bottom: 0px;
    display: none;
}
    div#mID107447 {
        background: var(--main-bg-color);
        color: #fff;
        margin-top: 0 !important;
        padding: 50px 0 !important;
    }
	.txtHomeBlue a.btn.btn-bnnr {
	padding: 9px 8px;		
	}

}
/*==============================================================================================
********************************************************************************** OTRAS VENTAS
===============================================================================================*/
div#pID57600 .ThreePanes {
    margin-bottom: 0px;
    margin-top: 20px;
}
div#pID57600 .bgGrey {
	background: #f9f9f9;
	    padding-bottom: 40px;
	margin-top: -86px;
}
div#mID107447 {
    background: var(--main-bg-color);
    color: #fff;
    margin-top: -60px;
    padding: 90px 0 50px 0;
}
div#pID57600 .DataLab-content li {
    list-style: none;
    padding: 5px 0;
    font-family: var(--secondary-font);
    font-size: 18px;
    color: var(--font-bg-color);
}
    div#pID57600 .DataLab-content li span {
        color: var(--main-bg-color) !important;
    }
/******* txt info 03  *******/
div#mID107451 {
    padding: 80px 0 50px 0;
	position: relative;
	
}
div#mID107451 .img-item.imgQuienes02 h1 {
    font-size: 32px!important;
    display: block;
	margin-top: 44px;
}
    div#mID107451 h1 {
        color: var(--font-bg-color);
    }
    div#mID107451 .info-item3 {
        padding: 20px 25px;
        position: relative;
        z-index: 2;
        margin-left: 70px;
        border: 2px solid var(--main-bg-color);
    }
div#mID107451 .img-item.imgQuienes02::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 188px;
    left: 0px;
    width: 507px;
    background: #fff;
    background-image: url(/Portals/vivalta/Images/imgOtras003.jpg);
    background-repeat: no-repeat;
    height: 322px;
}
div#mID107451 .columInfo {
    padding-top: 50px;
    margin-top: 30px;
}
div#mID107453 h1 {
    font-size: 32px !important;
    display: block;
    color: var(--font-bg-color);
}
div#mID107453 .info-item2 {
    background: #f9f9f9;
    padding: 40px 25px;
    position: absolute;
    top: -240px;
    left: 8%;
}
div#mID107453 .container.columInfo {
    margin-top: 180px;
}
div#mID107454 {
	position: relative;
    margin-top: 180px;
	overflow: hidden;
}
    div#mID107454::after {
        content: ' ';
        display: block;
        position: absolute;
        bottom: 14px;
        right: -308px;
        width: 448px;
        background: var(--main-bg-color);
        height: 350px;
        transform: rotate( 49deg);
        box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
        z-index: 0;
    }
div#mID107451::before {
    content: ' ';
    display: block;
    position: absolute;
    top: -284px;
    left: -415px;
    width: 526px;
    background: var(--main-bg-color);
    height: 536px;
    transform: rotate( 58deg);
    box-shadow: rgb(17 17 26 / 10%) 0px 4px 16px, rgb(17 17 26 / 10%) 0px 8px 32px;
    z-index: 0;
}
div#mID106717 #vivirContent span {
    color: var(--main-bg-color);
}
div#mID107457 span,
div#mID107456 span {
    color: var(--main-bg-color) !important;
}

/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
	/**************** txt info 03 *************/
	div#mID107451 .img-item.imgQuienes02::before {
		margin-top: 30px;
    width: 100%;
    background-size: contain;
    height: 408px;
}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
	/**************** txt info 03 *************/
	div#mID107451 .img-item.imgQuienes02::before {
    width: 110%;
    background-size: contain;
    height: 370px;
		top: -31px;
    right: -410px;
		left: auto;
}
	div#mID107450 .DataLab-content .img-item2 img, .DataLab-content .img-item1 img {
	    object-fit: contain;	
	}
	div#mID107451::before {
    left: -550px;
	}
		div#mID107457 .txtHomeBlue .row.txtinicio p, div#mID107456 .txtHomeBlue .row.txtinicio p, div#mID106719 .txtHomeBlue .row.txtinicio p, div#mID106619 .txtHomeBlue .row.txtinicio p, div#mID106618 .txtHomeBlue .row.txtinicio p {
    text-align: left;
    font-size: 19px!important;
    border-left:none;
    padding-left: 15px;
    padding-right: 15px;
}
			div#mID107447 {
    margin-top: 0px;
}
	div#mID107448 .img-item1 {
		display: none;
	}
    div#mID107451 .info-item3 {
        padding: 20px 25px;
        position: relative;
        z-index: 2;
        margin-left: 10px;
        margin-top: 40px;
        border: 2px solid var(--main-bg-color);
    }
}

@media only screen and (max-width : 767px) {
/**************** txt info 03 *************/
	div#mID107451 {
		padding: 20px 0;
	}
	div#mID107451 .img-item.imgQuienes02::before {
    display: none;
}
	div#mID107451 .info-item3 {
		    padding: 15px;
    position: relative;
    z-index: 2;
    margin-left: 0;
    border: none;
	}
	div#mID107451 .info-item3 p{
	font-size: 19px;
    line-height: 24px;	
	}
	    
	div#mID107451::before {
    left: -550px;
	}
	div#mID107457 .txtHomeBlue .row.txtinicio h1, 
	div#mID107456 .txtHomeBlue .row.txtinicio h1, 
	div#mID106719 .txtHomeBlue .row.txtinicio h1 {
    font-size: 19px!important;
    line-height: 30px;
}
	div#mID107457 .txtHomeBlue .row.txtinicio p,
	div#mID107456 .txtHomeBlue .row.txtinicio p {
		padding-left: 0px;
    padding-right: 0px;
		border-left: none;
	} 
	div#mID106719 .txtHomeBlue .row.txtinicio p {
    padding-left: 0px;
    padding-right: 0px;
} 
	div#mID106619 .txtHomeBlue .row.txtinicio p, 
	div#mID106618 .txtHomeBlue .row.txtinicio p {
    text-align: left;
    font-size: 19px!important;
    border-left:none;
    padding-left: 15px;
    padding-right: 15px;
}
	div#mID107451 .item {
    text-align: left;
}
	div#mID107451 .columInfo {
    padding-top: 20px;
    margin-top: 0px;
}
	div#mID107449 h2, div#mID107441 h2, div#mID106628 h2, div#mID106709 h2, div#mID106714 h2 {
	font-size: 22px!important;
    line-height: 30px;	
	}
	div#mID107449 {
		padding-top: 0;
	}
}

/*==============================================================================================
************************************************************************************** LISTADO
===============================================================================================*/
.encabezado-compra {
    width: 100%;
    height: 250px;
    background: url(/Portals/vivalta/Images/top-compra.jpg) center;
    background-size: cover;
    box-shadow: rgb(10 118 128) 0px 0px 100px -12px inset, rgb(10 118 128 / 80%) 0px 18px 36px -18px inset;
    margin-top: -20px;
}
.encabezado-alquilar {
    width: 100%;
    height: 250px;
    background: url(/Portals/vivalta/Images/top-alquiler.jpg) center;
    background-size: cover;
    box-shadow: rgb(10 118 128) 0px 0px 100px -12px inset, rgb(10 118 128 / 80%) 0px 18px 36px -18px inset;
    margin-top: -20px;
}
/*********************************************************************** DESTACADOS */
.listaHomeDestacados {
	background: #f6f6f6;
	padding-top: 60px !important;
    padding-bottom: 50px !important;
}
.destacado-listado .DLFichaParent {
    border: none;
    border-bottom: none;
    background: #fff !important;
    padding: 0px;
    margin-top: 17px;
    margin-bottom: 17px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden !important;
    width: 100%;
    height: 400px;
    border-radius: 2px 2px 0px 0px;
    border: 1px solid #00000014;
}
.destacado-listado .DLFichaTituloNormal {
    position: absolute;
    left: 0px;
    top: 215px;
    text-align: center;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}
.DLFichaTituloNormal a {
    font-family: var(--secondary-font) !important;
    font-size: 20px !important;
    line-height: 24px;
    color: var(--font-bg-color) !important;
    display: flex !important;
    padding: 0px !important;
    font-weight: 500;
    width: 100%;
    overflow: hidden !important;
    height: 52px !important;
    align-items: flex-start;
    justify-content: center;
}


.DLFichaLocalizacionNormal {
    text-align: center;
    position: relative;
    top: 78px;
    color: #868686 !important;
    text-transform: uppercase;
}
    .DLFichaLocalizacionNormal a {
        color: #868686 !important;
    }
    .destacado-listado .DLCaracteristicas {
        position: absolute;
        left: 0px;
        top: 300px !important;
        height: 40px;
        padding: 10px 30px;
        font-weight: 400;
        font-family: var(--secondary-font);
        color: #868686;
        font-size: 14px;
        text-align: center;
    }
.destacado-listado .DLCaracteristicas::after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 20%;
    background: #0000003d;
    height: 1px;
}
.destacado-listado .DLFichaPrecioDestacada {
    position: absolute;
    width: 100%;
    left: 0;
    top: 350px;
    text-align: center;
}
.DLFichaPrecioAlquilerDestacada {
    font-weight: 400;
    font-family: var(--secondary-font);
    color: var(--main-bg-color);
    font-size: 19px;
}
.DLFichaPrecioVentaDestacada span.sort_Precio {
    font-weight: 500;
    font-family: var(--secondary-font);
    color: var(--main-bg-color);
    font-size: 19px;
}
.tag {
    background: #52adc0e3!important;
}
.DLFichaPrecioDestacada span {
    font-family: var(--number-font) !important;
    font-weight: 500;
    font-size: 26px;
    color: var(--font-bg-color);
}

/*********************************************************************** LISTADO BUSCADOR */
.container.BuscadorListado {
    padding-right: 0;
    padding-left: 0;
}
.BuscadorListado button#dropdown_sorter {
    border-right: 1px solid var(--main-bg-color) !important;
    color: var(--main-bg-color) !important;
    background: transparent !important;
    border-radius: 20px;
}
.BuscadorListado div#divSwitchGrid button {
    color: #333;
    background: transparent !important;
    border: none;
    border-right: 1px solid #333;
    -webkit-box-shadow: none;
    box-shadow: none;
}
    .BuscadorListado div#divSwitchGrid button:hover,
    .BuscadorListado div#divSwitchGrid button:active {
        background: var(--grey-bg-color) !important;
        border: 1px solid #333;
    }
    .BuscadorListado div#divSwitchGrid button:last-child:hover,
    .BuscadorListado div#divSwitchGrid button:last-child:active {
        border-right: 1px solid #fff;
    }
    .BuscadorListado div#divSwitchGrid button:last-child {
        border-right: none;
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: var(--main-bg-color) !important;
        outline: 0;
    }

div#listado .DLimagenNormal.col-xs-12 {
    position: relative;
    width: 100%;
    height: 240px;
    float: left;
    overflow: hidden;
}
div#listado img.imagenFichaDL {
    object-fit: cover;
    object-position: bottom right;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: opacity, transform;
    transition-property: opacity, transform;
}

div#listado .DLFichaLocalizacionNormal{
    text-align: center;
    position: relative;
    top: 75px;
    color: #868686 !important;
	
}
div#listado .DLCaracteristicas {
    position: absolute;
    left: 0px;
    top: 340px;
    height: 40px;
    padding: 10px 30px;
    font-weight: 400;
    font-family: var(--secondary-font);
    color: #868686;
    font-size: 14px;
    text-align: center;
}
div#listado .DLFichaParent {
    border: 1px solid #00000014;
    padding: 0px;
    margin-top: 17px;
    margin-bottom: 17px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden !important;
    width: 100%;
    height: 441px !important;
}
    div#listado .DLFichaParent .DLFichaTituloNormal {
        position: absolute;
        top: 255px;
        left: 0;
        height: 52px;
        display: flex;
        align-items: flex-start;
        overflow: hidden;
    }
    div#listado .DLFichaParent .DLFichaTituloNormal a {
        font-family: var(--secondary-font) !important;
        font-size: 20px !important;
        line-height: 24px;
        color: var(--font-bg-color) !important;
        display: flex !important;
        padding: 0px !important;
        font-weight: 500;
        width: 100%;
        overflow: hidden !important;
        height: 53px !important;
        align-items: flex-start;
        justify-content: center;
        text-align: center;
    }
    div#listado .DLFichaParent .DLFichaResumen {
        position: absolute;
        left: 0px;
        top: 290px;
        height: 40px;
        padding: 10px 30px;
        font-weight: 400;
        font-family: var(--secondary-font);
        color: #868686;
        font-size: 14px;
        text-align: center;
    }
div#listado .DLCaracteristicas::after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 20%;
    background: #0000003d;
    height: 1px;
}
div#listado .DLFichaPrecioDestacada {
	position: absolute;
    width: 100%;
    left: 0;
    top: 397px;
    text-align: center;
}
div#listado .DLFichaParent .DLFichaPrecioAlquiler {
    position: absolute;
    width: 100%;
    left: 0;
    top: 10px;
    text-align: center;
    font-weight: bold;
    font-family: var(--secondary-font);
    color: var(--main-bg-color);
    font-size: 19px;
}
div#listado .DLFichaParent .DLFichaPrecioVenta {
    position: absolute;
    width: 100%;
    left: 0;
    top: -16px;
    text-align: center;
    font-family: var(--number-font) !important;
    font-weight: 500;
    font-size: 26px;
    color: var(--font-bg-color);
}
/************************************* paginado */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #eee!important;
    border-color: #ccc!important;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: var(--font-bg-color)!important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
/*  =====================================================
    =            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) {
    div#listado .DLFichaParent .DLFichaTituloNormal a,
    .DLFichaTituloNormal a {
        font-size: 18px !important;
        line-height: 23px;
    }
}

@media only screen and (max-width : 767px) {
    div#listado .DLFichaParent .DLFichaTituloNormal a,
    .DLFichaTituloNormal a {
        font-size: 18px !important;
        line-height: 23px;
    }
    .pagination {
        display: flex !important;
        justify-content: center;
        margin: 0;
    }
}
    /*==============================================================================================
************************************************************************************** DETALLE
===============================================================================================*/
    div#pID55588 .ThreePanes {
        margin-bottom: 40px;
        margin-top: 0px;
    }
    /*********************************************** portadaDetalle *********/
    .portadaDetalle {
        background-size: cover;
        background-position: center;
    }

    .portadaDetalle {
        height: 500px;
        position: relative;
    }

        .portadaDetalle::before {
            content: ' ';
            display: block;
            position: absolute;
            top: 0px;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to bottom, rgb(31 177 191 / 0%) 93%, rgb(145 210 54) 93%);
            opacity: 0.7;
            height: 500px;
        }

    .bloqueEncabezadoInduo {
        height: 500px;
    }

    .bloqueBotonesEncabezado {
        position: relative;
        top: 470px;
        text-align: center;
    }

        .bloqueBotonesEncabezado .btn-success {
            background-color: transparent !important;
            border: 0px solid transparent;
            padding: 0px;
            font-family: var(--secondary-font);
            font-weight: 400;
            font-size: 18px !important;
        }
    /*********************************************** bloqueTitulos *********/
    .bloqueTitulos {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .tituloPrincipalInduo {
        border-bottom: none;
        text-transform: inherit;
        text-align: left;
        padding-bottom: 10px;
        font-size: 29px !important;
        font-weight: 700 !important;
        color: var(--font-bg-color);
        font-family: var(--secondary-font) !important;
    }

    .tituloSecundarioInduo {
        font-weight: 500;
        border-bottom: none;
        text-transform: inherit;
        text-align: left;
        padding-bottom: 10px;
        font-family: var(--secondary-font);
        font-size: 20px !important;
        color: var(--font-bg-color);
        line-height: 29px;
    }

    .caracteristicasBasicasInduo {
        font-family: var(--secondary-font);
        text-align: left;
        font-weight: 500;
        color: #747272;
        font-size: 16px;
        padding: 30px 0px 0px 15px;
    }

    .bloquePrecios .labelVenta {
        font-family: var(--secondary-font);
        color: var(--font-bg-color);
        font-size: 15px;
        font-weight: 400;
        display: block;
        padding-top: 40px;
    }



    .bloqueRedesSocialesDetalle {
        background-color: #f5f5f5;
        padding-top: 5px;
        height: 40px;
    }
    /*********************************************** bloqueTitulos *********/
    .encabezadoContactoInduo,
    .tituloSeccion30,
    .tituloBloqueDetalleInduo {
        border-bottom: none;
        text-transform: inherit;
        text-align: left;
        padding: 20px 0;
        font-size: 23px !important;
        font-weight: 700 !important;
        color: var(--font-bg-color);
        font-family: var(--main-font) !important;
        margin-top: 25px !important;
        margin-bottom: 10px !important;
    }

    .IDOtrosDatosBig2Columnas {
        padding-top: 10px;
    }

    div#lightgallery {
        padding-left: 14px;
        padding-right: 14px;
    }

    IDDescripcionBig {
        padding-top: 15px;
        font-family: var(--secondary-font);
        font-size: 16px !important;
        color: var(--font-bg-color) !important;
        line-height: 31px !important;
    }

        IDDescripcionBig p {
            padding-top: 15px;
            font-family: var(--secondary-font);
            font-size: 16px !important;
            color: var(--font-bg-color) !important;
            line-height: 31px !important;
        }

    .IDPropiedadBig, .IDPropiedad {
        border-bottom: 1px solid #ababab;
        padding-bottom: 5px;
        margin-bottom: 5px;
        min-height: 28px;
        display: inline-block;
        width: 100%;
        font-family: var(--secondary-font);
        color: var(--font-bg-color);
        font-size: 16px;
        font-weight: 400;
        margin-top: 12px;
    }

        .IDPropiedadBig .pull-right {
            color: var(--font-bg-color);
            font-weight: 600;
            font-size: 15px;
        }

            .IDPropiedadBig .pull-right span.fa.fa-check {
                color: transparent;
            }

            .IDPropiedadBig .pull-right span.fa {
                background-image: url(/Portals/filainmobiliaria/Images/check.png);
                height: 19px;
                background-repeat: no-repeat;
                background-size: 80%;
            }

    .container-fluid.bg-blue {
        padding-right: 0px;
        padding-left: 0px;
    }

    .IDDescripcionBig, .IDDescripcionBig p {
        padding-top: 15px;
        font-family: var(--secondary-font);
        font-size: 18px;
        color: var(--font-bg-color);
        line-height: 29px;
        letter-spacing: .2px;
    }
    /*********************************************** Contacto *********/
    .col-xs-12.col-md-3.bloqueAgenteContactoInduo {
        margin-top: -40px;
    }

    .encabezadoContactoInduo {
        text-align: center;
        border-top: 1px solid #ddd;
    }

    .bloqueAgenteContactoInduo, .IDContacto {
        border-left: 1px solid #ccc;
        margin-top: 28px;
        background: transparent;
    }

    .bloqueContacto {
        padding-top: 30px;
    }

    p.ayudaContactoInmuebleInduo {
        font-size: 16px;
        line-height: 24px;
    }

    .datosOficinaDetalle {
        font-size: 18px;
        line-height: 28px;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
    }

        .datosOficinaDetalle a {
            color: var(--font-bg-color);
        }

    .tituloFix {
        line-height: 1.1;
        color: #333333e3;
        font-weight: 400;
        font-size: 20px !important;
        text-transform: uppercase;
        font-family: var(--secondary-font);
        border-bottom: none;
        letter-spacing: -1px;
        padding-bottom: 7px;
    }

    .bloqueMenuInmueble .affix, .bloqueMenuInmueble .affix-bottom {
        background-color: #f5f5f5 !important;
    }

    .bloqueInfoBig {
        background: #fff !important;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .bloqueDetalleBig {
        padding-top: 20px;
    }

    .tituloSeccionAffix {
        color: #333333e3;
        font-weight: 400;
        font-size: 20px !important;
        text-transform: uppercase;
        font-family: var(--main-font);
        border-bottom: none;
        letter-spacing: -1px;
        padding-bottom: 7px;
    }

    .IDResumenBig .IDSeparadorBig {
        border-bottom: 1px solid #d8dce1;
        margin: 7px 0;
    }

    .IDResumenBig {
        font-size: 14px;
        margin-right: 15px;
        padding-top: 0px !important;
        margin: 0 0 10px;
        font-family: var(--secondary-font);
        color: var(--font-bg-color);
        line-height: 24px;
    }

    .morelink {
        font-size: 14px;
        margin-right: 15px;
        padding-top: 0px !important;
        margin: 0 0 10px;
        font-family: var(--secondary-font);
        color: var(--main-bg-color) !important;
        line-height: 24px;
        font-weight: 500;
    }

    span.hidden-md.labelVenta {
        display: none;
    }

    .IDPrecioBig {
        font-family: var(--number-font);
        font-size: 30px;
        font-weight: lighter;
    }

    .IDContactoAffix {
        background: transparent;
        padding: 15px;
        color: #242424;
        font-family: var(--secondary-font);
        margin-bottom: 20px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none !important;
        border-left: 1px solid #d8dce1;
    }

    .cuerpoContacto .LinkAceptarCondiciones a {
        text-decoration: none;
        font-family: var(--secondary-font);
        color: var(--font-bg-color);
        font-weight: 400;
    }

    .cuerpoContacto label {
        font-family: var(--secondary-font);
        color: var(--font-bg-color);
        font-size: 14px;
        text-transform: inherit;
        margin-bottom: 5px;
        font-weight: 700;
    }
    /*********************************************** galeria *********/
    .botonMasImagenes {
        display: table;
        margin: 0 auto;
        margin-top: 30px;
    }

    div#GaleriaAbajoAffixFull img.img-responsive.imagenGaleriaAbajo {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    div#GaleriaAbajoAffixFull a.col-xs-12.col-sm-3 {
        padding-right: 1px;
        padding-left: 1px;
        overflow: hidden;
        height: 150px;
    }

    .imagenGaleriaAbajo {
        width: 100%;
        object-fit: cover;
        height: 300px;
        padding-bottom: 2px;
        object-position: bottom right;
    }
    /*  =====================================================
    =            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) {
        .IDOtrosDatosBig2Columnas {
            padding-top: 0px;
            font-family: var(--secondary-font);
            font-size: 16px;
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-gap: 0px;
            -moz-column-gap: 0px;
            column-gap: 0px;
        }

        .row.bloquePrecios {
            padding-left: 14px;
        }
        .encabezadoContactoInduo, .tituloSeccion30, .tituloBloqueDetalleInduo {
            padding: 0;
            margin-bottom: 5px !important;
        }
    }

    /*==============================================================================================
************************************************************************************** BLOG
===============================================================================================*/
    .NewHome {
        padding: 0 30px;
        overflow: hidden;
    }

    .tituloNew {
        font-size: 23px !important;
        font-weight: 700 !important;
        color: var(--font-bg-color);
        font-family: var(--secondary-font) !important;
        margin-top: 25px !important;
        margin-bottom: 10px !important;
    }

    .textoNew {
        margin: 20px 0 10px;
        font-family: var(--secondary-font);
        font-size: 20px;
        color: var(--font-bg-color);
        line-height: 29px;
        font-weight: 300;
    }


    .Noticia-img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        padding-top: 55px;
    }
    /**********************************************************************   POST   **/
    h1.tituloNoticia {
        color: var(--main-bg-color) !Important;
        font-weight: 700 !important;
        border-bottom: none;
        font-size: 28px !important;
        text-transform: uppercase;
        text-align: left;
        font-family: var(--main-font) !important;
        margin-bottom: 30px !important;
    }

    .box-noticia, .box-noticia p, .box-noticia div {
        margin: 0 0 10px;
        font-family: var(--secondary-font);
        font-size: 18px;
        color: var(--font-bg-color);
        line-height: 29px;
        white-space: normal;
    }

        .box-noticia p b, .box-noticia strong {
            font-weight: 700 !important;
        }

        .box-noticia h2, .box-noticia .h2 {
            font-size: 30px !important;
            line-height: 40px !important;
            font-weight: 600 !important;
            font-family: var(--main-font) !important;
            margin-top: 25px !important;
            margin-bottom: 20px !important;
            color: var(--font-bg-color);
        }

        .box-noticia h3, .box-noticia .h3 {
            font-size: 23px !important;
            line-height: 32px !important;
            font-weight: 700 !important;
            color: var(--font-bg-color);
            font-family: var(--main-font) !important;
            margin-top: 25px !important;
            margin-bottom: 10px !important;
        }

        .box-noticia h4, .box-noticia .h4 {
            font-size: 18px !important;
            color: var(--font-bg-color);
            font-family: var(--main-font) !important;
            margin-top: 25px !important;
            margin-bottom: 10px !important;
            font-weight: 700 !important;
            line-height: 1.1;
        }

        .box-noticia a {
            color: var(--main-bg-color);
            text-decoration: none;
        }
    /*==============================================================================================
************************************************************************************** ENCABEZADOS
================================================================================================*/
    .Encabezado {
        margin-top: -80px;
        height: 50vh;
    }


        .Encabezado .bannerTopTitle {
            color: #fff !important;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
            font-family: var(--main-font);
            font-size: 56px !important;
            line-height: 60px !important;
            text-transform: inherit;
            font-weight: 500 !important;
            display: none;
        }

    .bannerTopResumen {
        color: #fff !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
        font-family: var(--secondary-font) !important;
        font-size: 33px !important;
        text-transform: inherit;
        font-weight: 300 !important;
        display: none;
    }

    .Encabezado .bannerTop {
        width: 100%;
        height: 100%;
    }

    .Encabezado .bannerTopContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        padding-top: 160px;
    }

    .Encabezado.ListadoContentBG {
        background: url(/Portals/filainmobiliaria/Images/BGlistado.jpg) center;
        background-size: cover;
        position: relative;
    }

    .Encabezado.ServiciosContentBG {
        background: url(/Portals/filainmobiliaria/Images/BGservicios.jpg) center;
        background-size: cover;
        position: relative;
    }

    .Encabezado.ContactoContentBG {
        background: url(/Portals/filainmobiliaria/Images/BGcontacto.jpg) center;
        background-size: cover;
        position: relative;
    }

        .Encabezado.ServiciosContentBG::before,
        .Encabezado.ListadoContentBG::before,
        .Encabezado.ContactoContentBG::before {
            content: ' ';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to bottom, rgb(31 45 89 / 0%) 10%, rgb(6 24 7) 100%);
            opacity: 0.3;
        }

    .Encabezado.ServiciosContentBG .bannerTopTitle {
        color: #fff !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
        font-family: var(--main-font);
        font-size: 63px !important;
        line-height: 65px !important;
        text-transform: inherit;
        font-weight: 500 !important;
        display: block;
        z-index: 2;
    }

    .Encabezado.ServiciosContentBG .bannerTopResumen {
        color: #fff !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
        font-family: var(--secondary-font) !important;
        font-size: 29px !important;
        line-height: 30px;
        text-transform: inherit;
        font-weight: 300 !important;
        display: block;
        z-index: 2;
    }

    .Encabezado.ServiciosContentBG .bannerTopContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        padding: 160px 20% 0px 20%;
    }
    /*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
    @media only screen and (min-width : 768px) and (max-width: 991px) {
        .Encabezado.ServiciosContentBG .bannerTopTitle {
            font-size: 53px !important;
            line-height: 57px !important;
        }

        .Encabezado.ServiciosContentBG .bannerTopResumen {
            font-size: 25px !important;
            line-height: 30px;
        }

        .Encabezado.ServiciosContentBG .bannerTopContainer {
            padding: 160px 30px 0px 30px;
        }
    }

    @media only screen and (max-width : 767px) {
        .Encabezado {
            height: 280px;
        }

            .Encabezado .bannerTopTitle, .Encabezado.ServiciosContentBG .bannerTopTitle {
                font-size: 33px !important;
                line-height: 35px !important;
            }

            .Encabezado.ServiciosContentBG .bannerTopResumen {
                font-size: 20px !important;
                line-height: 26px;
            }

            .Encabezado.ServiciosContentBG .bannerTopContainer {
                padding: 60px 30px 0px 30px;
            }
    }
    /*==============================================================================================
************************************************************************************** SERVICIOS
================================================================================================*/
    .ServiciosContent .bannersLayout2 .Banners2ImageContainer {
        width: 55px;
        height: auto !important;
    }

    .ServiciosContent .bannersLayout2 .Banners2Content {
        position: relative;
        top: 0px;
        color: black !important;
    }

    .ServiciosContent .Banners2ImageContainer::after {
        background-color: transparent;
        height: 0px;
    }


    .ServiciosContent .bannersLayout2 .Banners2Title {
        font-size: 15px !important;
        text-transform: uppercase;
        padding-bottom: 8px;
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        color: #000;
        text-align: center;
        line-height: 22px;
        margin: 0;
    }


    /*Nuevos estilos*/


    .ServiciosContent .row-no-gutters {
        margin-right: 0;
        margin-left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .ServiciosContent .Banners2 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
        align-items: center;
        margin-top: 25px;
        padding: 20px;
        min-height: 266px;
        background: #fff;
        -webkit-box-shadow: 4px 2px 10px 0px rgb(0 0 0 / 8%);
        -moz-box-shadow: 4px 2px 10px 0px rgb(0 0 0 / 8%);
        box-shadow: 4px 2px 10px 0px rgb(0 0 0 / 8%);
        width: calc(25% - 25px);
        margin-right: 25px;
        margin-bottom: 25px;
    }

        .ServiciosContent .Banners2:nth-child(4n) {
            margin-right: 0;
        }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ServiciosContent .Banners2 {
            width: 48% !important;
        }

        .Banners2:nth-child(even) {
            margin-right: 0 !important;
        }

        .ServiciosContent .Banners2 {
            min-height: 266px;
        }
    }

    @media only screen and (max-width: 768px) {
        .ServiciosContent .Banners2 {
            width: 100%;
            margin-right: 0;
            height: auto;
            min-height: auto;
        }
    }

    /*==============================================================================================
************************************************************************************** FOOTER
===============================================================================================*/
    .pie {
        background: var(--main-bg-color);
        color: #fff;
        padding: 40px 0 20px 0;
    }

    .Contentpie {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 40px;
    }

    .Menupie {
        width: 30%;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
    }

        .Menupie li a {
            font-family: var(--secondary-font);
            font-size: 16px !important;
            line-height: 24px;
            color: #ffffffbd;
            font-weight: 500;
            text-decoration: none;
        }

            .Menupie li a:hover,
            .bloqueDirecciones a:hover {
                color: #fff;
            }

    .bloqueDirecciones {
        width: 30%;
    }

        .bloqueDirecciones, .bloqueDirecciones a {
            font-family: var(--secondary-font);
            font-size: 16px !important;
            line-height: 24px;
            color: #ffffffbd;
            font-weight: 500;
            text-decoration: none;
        }

    .subpie {
        background: var(--main-bg-color);
        padding: 0 0 20px 0;
    }

        .subpie .links.copyright p,
        .subpie .links.copyright a {
            color: #ffffffbd;
            font-family: var(--secondary-font);
            font-size: 14px;
            text-align: center;
            display: inline;
        }

    .logopie {
        width: 150px;
    }

        .logopie img {
            width: 130px;
        }

        .logopie ul.list-inline a {
            color: #fff;
            font-size: 22px;
        }

        .logopie ul.list-inline {
            margin-top: 15px;
            display: flex;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }
    /*  =====================================================
    =            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) {
        .pie .row.Direcciones {
            padding: 0;
        }
    }

    @media only screen and (max-width : 767px) {
        h1, .tituloSeccion h1, .tituloSeccion h2 {
            font-size: 32px !important;
            text-align: center;
        }

        h3 {
            font-size: 19px !important;
        }

        p {
            font-size: 19px;
            line-height: 24px;
        }

        .pie .row.Direcciones {
            padding: 0;
        }

        .menuPie {
            padding: 0px;
        }

        .bloqueDirecciones {
            border-bottom: 1px solid #ffffff38;
            margin-bottom: 15px;
        }
        /*Testimonios flechas*/
        .owl-nav {
            display: none;
        }

        div#divSwitchGrid {
            display: flex;
            justify-content: center;
        }

        .pie {
            padding: 30px 0 0 0;
        }

        .Contentpie {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 0px;
            align-content: center;
            align-items: center;
        }

        .Menupie {
            display: none;
        }

        .logopie, .Menupie, .bloqueDirecciones {
            width: 100%;
        }



        .logopie img {
            width: 130px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
        }

        .logopie ul.list-inline {
            margin-top: 0px;
            display: flex;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 0px;
            margin-bottom: 0px;
        }
    }