/*=== Mobilia - Copyright 2022 - Zen por defecto ===*/

/******** importa Tema: Tema0.css *********/
@import url("/DesktopModules/InmoBS3/layouts/css/Temas/Tema9.css");
/***************************************/


/*VARIABLES PARA LOS COLORES PRINCIPALES*/
:root {
	/* --main-bg-color:#021f38; */
	--main-bg-color: #211915; /*Color principal*/
	--main-bg-color-rgb: 33, 25, 21; /*Degradado principal*/
	--secondary-bg-color: #9e9c9c; /*Color secundario*/
	--secondary-bg-color-rgb: 158, 156, 156;
	--hover-bg-color: #000; /*#5a3827 Color hover*/
	--bloque-bg-color: #f3f3f3;
	--main-grey-color: #787777;
	--font-bg-color: #404040;
	/*--main-font: 'Proza Libre', serif;*/
	--main-font: 'EB Garamond', serif;
	--main-font-number: 'Comfortaa', serif;
	/*--secondary-font: 'Overlock', serif;*/
	--secondary-font: 'Cormorant Garamond', serif;
	--palo-font: 'Poppins', serif;
	
	--home-logo-width: 90px; /*Logo home*/
    --home-logo-top: 5px; /*Top logo home*/
    --home-logo-top-affix: 4px; /*Top logo home affix*/

	--home-tablet-logo-width: 90px; /*Logo en tablet (1024x600)*/
    --home-tablet-logo-top: 9px; /*Top del logo en tablet en home*/

	--pages-logo-width: 100px; /*Logo en el resto de páginas*/
    --pages-logo-top: 4px; /*Top del logo en el resto de la web*/
    --pages-logo-top-affix: 5px; /*Top del logo en el resto de la web affix*/

	--responsive-logo-width: 90px; /*Logo en móvil*/
    --responsive-home-logo-top: 9px; /*Top en el logo móvil en la home*/
    --responsive-pages-logo-top: 9px; /*Top en el logo móvil en el resto de páginas*/

	--footer-logo-max-width: 40%; /*Máximo ancho logo pie*/
}
.menuTraspaso, .menuAlquilar, .menuPromociones, .menuVacacional, .menuBlog, .menuEquipo {
	display: none;
}


.bannersLayout2 .Banners2ImageContainer{
	height: 550px;
}

.masInfo.btn-T9 {
    display: none;
}

/*Se centran los textos del inicio*/
.servicios-home .layoutBanners p.text{
	text-align: center;
}

.bloqueMenuDesktopContent .menu-header .ContentLogo img {
	margin: 0 auto 20px auto;
	width: 60%;
}
	img.logoPie {
		width: 220px;
		filter: brightness(0%) invert(1);
	}
/*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
@media only screen and (min-width : 1200px) {
	.cabeceraMenu.affix .cabeceraLogo_affix {
		top: 4px;
		left: 0px;
		width: 90px;
	}
	.cabeceraLogo, .cabeceraLogo_affix {
		top: 4px;
		left: 0px;
		width: 90px;
	}

}
   
   @media only screen and (min-width : 992px) and (max-width: 1199px) {
	.cabeceraMenu.affix .cabeceraLogo_affix {
		top: 4px;
		left: 0px;
		width: 90px;
	}

	.cabeceraLogo, .cabeceraLogo_affix {
		top: 4px;
		left: 0px;
		width: 90px;
	}
   }
   
   @media only screen and (min-width : 768px) and (max-width: 991px) {
	.cabeceraMenu.affix .cabeceraLogo_affix {
		top: 4px;
		left: 0px;
		width: 90px;
	}

	.cabeceraLogo, .cabeceraLogo_affix {
		top: 4px;
		left: 0px;
		width: 90px;
	}
   }

@media only screen and (max-width : 767px) {
	.cabeceraLogo, .cabeceraLogo_affix {
		top: 4px !important;
		width: 90px;
		left: 0px !important;
	}

	img.logoPie {
		width: 80px;
		min-width: 80px;
	}

	.bnnrContent-BloquesAlternos .bannersLayout2 .Banners2ImageContainer.hidden-xs {
		display: block !important;
		margin-bottom: 20px;
	}

	.bnnrContent-BloquesAlternos .Banners2:nth-child(odd) {
		display: flex;
		flex-direction: column-reverse;
		margin: 0px;
	}

	.bnnrContent-BloquesAlternos .Banners2:nth-child(even) {
		display: flex;
		flex-direction: column-reverse;
	}

	div#mID201980 .bnnrContent-BloquesAlternos .bannersLayout2 .Banners2ImageContainer {
		width: 100%;
		position: relative;
		height: 360px;
		display: none;
	}
}
   }
