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



/*colores paleta
-------------
#242424 - gris
#ae0e2c - rojo
============ */

/** variaciones **/
body{
	background-color: #ECF1F2;
	    color: #4e637d;
}
a {
    color: #71cae6;
    text-decoration: none;
}
a:hover, a:focus {
    color: #71cae6;
    text-decoration: underline;
}
.copyright a {
    color: #136782;
    text-decoration: underline;
}
.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; }
.panel-primary {
    border-color: #a5b2b5;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #a5b2b5;
    border-color: #a5b2b5;
}

.text-primary {
    color: #152e4d;
}
.bg-primary {
    color: #fff;
    background-color: #bed2d9;
}
/********************/
 
/******** CABECERA *************/
.cabeceraPagina {
    background: #152e4d;
}
.cabeceraMenu {background:#BED2D9}

i.fa.fa-phone {
    color: #bed2d9;
}
.datosCabecera .telefono .nounderline {
    font-size: 18px;
    font-weight: lighter;
    color: #bed2d9;
}

/*************** MENU CABECERA *********************/

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #152e4d;
    background-color: #71cae6;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #152e4d;
    background-color: #71cae6;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #71cae6;
    color: #152e4d;
}
/** desplegable **/
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #152e4d;
    white-space: nowrap;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #bed2d9;
}

/**************** BUSCADOR *************/
#collapseBuscador {
        padding: 10px 0;
    background-color: #f7f8f9;
    box-shadow: inset 0px -3px 0px rgb(190, 210, 217);
    border-bottom: 1px solid #71cae6;
    border-top: 1px solid #bed2d9;
}
.buscadorPagina .nombreCampo {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    color: #4e637d;
}

/**********************   FOOTER  *************/

.pie {
    background: #a5b2b5;
    color: #fff;
    padding-bottom: 20px;
}


/*****************   BOTONES  ****************/
.btn-success {
    color: #fff;
    background-color: #71cae6;
    border-color: #a5b2b5;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
        color: #fff;
    background-color: #415d80;
    border-color: #415d80;
}
.btn-primary {
    color: #fff;
    background-color: #71cae6;
    border-color: #a5b2b5;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #415d80;
    border-color: #bed2d9;
}

.pagination>.active>a, .pagination>.active>span {
    z-index: 2;
    color: #fff;
    background-color: #71cae6;
    border-color: #a5b2b5;
    cursor: default;
}
.pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	color: #fff;
    background-color: #415d80;
    border-color: #bed2d9;
}

/****************** LISTADO INMUEBLES  *****************/
.DLFichaParent .DLFichaTitulo {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    max-height: 76px;
    height: 76px;
    padding: 10px 25px;
    font-size: 1.5em;
    line-height: 1.1em;
    overflow: hidden;
}

/***************** detalle inmueble  **************/
div#pID42299 {
    background: #fff;
}
div#mID85893 {
    padding-bottom: 50px;
}
.bloqueInfo {
    background: #fff;
    margin-bottom: 20px;
}
.IDContacto {
    background: #ECF1F2;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #242424;
    font-family: 'Roboto Condensed', sans-serif;
	    box-shadow: inset 0px -3px 0px rgb(190, 210, 217);
    border-bottom: 1px solid #71cae6;
    border-top: 1px solid #bed2d9;
	margin-top: 50px;
}
.detalle.tituloSeccion h1 {
    text-align: left;
    margin-top: 50px;
}

/***************** SERVICIOS ***************/
div#pID42300 {
    background: #fff;
	padding-bottom: 0px;
}
.encabezado_servicios {
	background: url("/Portals/inmourbe/Images/encabezado.jpg");
    background-position: center center;
    background-size: cover;
    height: 200px;
    width: 100%;
    overflow: hidden;
	/*margin-top: -21px;*/
}
/******************  CONTACTO  ******/
div#mID85899 {
    background: #fff;
	    padding-bottom: 50px;
}

.encabezado_contacto {
	background: url("/Portals/inmourbe/Images/encabezado_contacto.jpg");
    background-position: center center;
    background-size: cover;
    height: 200px;
    width: 100%;
    overflow: hidden;
	/*margin-top: -21px;*/
}

.ThreePanes {
    margin-bottom: 0px;
    margin-top: 0px;
}
/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {

}

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

}

@media only screen and (min-width : 768px) and (max-width: 991px) {
.navbar-collapse {
    overflow: hidden;/*padding: 0 30px*/
}
}

@media only screen and (max-width : 767px) {
		.nav>li {
    position: relative;
    display: block;
    padding: 0px 15px;
}
.navbar-collapse {
    overflow: hidden;/*padding: 0 30px*/
}
	.menuBlock {
    font-size: 0.8em;
    background: #ffffff !important;
}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #262626;
}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #262626;
    background-color: #71cae696;
}
}